Topic: Bar (menu) icon now showing in phone mode

wrightda3 free asked 3 years ago


Hello, When viewing this menu in phone mode, the menu bar (hamburger) icon does not show.

Can you help to find the line where the problem is? Why is the hamburger missing?

Thank you,

David

custom-bootstrap-menu.navbar-default .navbar-brand {

color: rgba(119, 119, 119, 1);

}

custom-bootstrap-menu.navbar-default {

font-size: 14px;
background-color: rgba(248, 248, 248, 1);
border-width: 1px;
border-radius: 4px;

}

custom-bootstrap-menu.navbar-default .navbar-nav>li>a {

color: rgba(119, 119, 119, 1);
background-color: rgba(248, 248, 248, 0);

}

custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,

custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {

color: rgba(51, 51, 51, 1);
background-color: rgba(248, 248, 248, 0);

}

custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,

custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,

custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {

color: rgba(85, 85, 85, 1);
background-color: rgba(231, 231, 231, 1);

}

custom-bootstrap-menu.navbar-default .navbar-toggle {

border-color: #ddd;

}

custom-bootstrap-menu.navbar-default .navbar-toggle:hover,

custom-bootstrap-menu.navbar-default .navbar-toggle:focus {

background-color: #ddd;

}

custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {

background-color: #888;

}

custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,

custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {

background-color: #888;

}


Bartłomiej Malanowski staff commented 3 years ago

Could you please create a snippet?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Mobile
  • Browser: Chrome
  • OS: Android
  • Provided sample code: No
  • Provided link: No