Results 1 to 2 of 2

Thread: Submenu items customizations

  1. #1
    Junior Member
    Join Date
    Nov 2016
    Posts
    2

    Submenu items customizations

    I use BS3 to cretae responsive submenu system (code listed below).

    How can I customize background color of submenu items (Menu21, Menu22 in my sample) in LAPTOM/MOBILE resolution? For standard PC resolution (over 960) is not problem (modified via myColor="brown" attribute)...

    Thanks a lot!


    CODE:
    <div class="container-fluid">
    <nav class="navbar navbar-inverse navbar-static-top marginBottom-0" role="navigation">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand hidden-lg hidden-md hidden-sm">Menu</a>
    </div>

    <div class="collapse navbar-collapse" id="navbar-collapse-1">
    <ul class="nav navbar-nav">

    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">TopMenu<b class="caret"></b></a>
    <ul class="dropdown-menu">

    <li><a href="#">Menu1</a></li>

    <li class="dropdown dropdown-submenu"><a href="#" class="dropdown-toggle disabled" data-toggle="dropdown">Menu2</a>

    <ul class="dropdown-menu" >
    <li><a href="#" myColor="brown">SubMenu21</a></li>
    <li><a href="#" myColor="brown">SubMenu22</a></li>
    </ul>

    </li>
    <li><a href="#">Menu4</a></li>


    </ul>
    </li>

    </ul>
    </div><!-- /.navbar-collapse -->
    </nav>
    </div>

  2. #2
    Junior Member
    Join Date
    Nov 2016
    Posts
    2
    SOLVED!

    Just disable "background-color: transparent;" for ".navbar-nav .open .dropdown-menu" in @Media rule (max-width: 767px)...

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •