[SOLVED] Portfolio Project - navbar dropdown menu [SOLVED]


CodePen.io settings for css and js cannot be set with scripting in html head also. DISABLE/REMOVE head scripts in html and enable CodePen css&js settings, and code scripts in those boxes.

Otherwise, disable all codepen.io settings and insert scripts in html head.


Hello campers,

Dropdown menu in navbar refuses to work in codepen.io editor, but works in W3Schools editor. I can’t figure out what’s up. Can you help?

Portfolio Project Page - FreeCodeCamp: Portfolio site
dropdown menu

head code

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

  <!-- Bootstrap Core CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

navbar code

  <!-- start navbar -->
 <nav class="navbar navbar-default">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span> 
      <a class="navbar-brand" href="#myPage">EgoDominusVos</a>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#myPortfolio">WHO</a></li>
        <li><a href="#work">WHAT</a></li>
        <li><a href="#ringMe">CONTACT</a></li>
         <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">MORE<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li class="active"><a href="https://www.patreon.com" target="_blank">Patreon</a></li>
            <li><a href="#">Extra, Extra</a></li>
            <li><a href="#">Media Kit</a></li>