Chris Sweeney pro asked 5 years ago


Hi A couple of issues I need to resolve and would appreciate any help. 1) The dropdown menu doesn't allow scrolling to the full list of menu items; e.g. the 'what we do' menu on http://www.rotary-ribi.org/clubs/homepageV4.php?ClubID=638 compared with the same data in Bootstrap 3 in the 'what we do' menu on http://www.rotary-ribi.org/clubs/homepage.php?ClubID=638 2) How can I have the 'hamburger' displayed on ALL screen sizes? Many thanks Chris

Chris Sweeney pro answered 5 years ago


Hi Edyta That's it! Many, many thanks Cheers Chris

Edyta Dabrowska free answered 5 years ago


Hi Chris, Try adding .hidden-sn class to the <body> tag. Let me know how it works. Cheers,

Chris Sweeney pro answered 5 years ago


Hi Edyta Many thanks - the menu now scrolls beautifully! However, I cant get mobile-nofixed to work - the 'hamburger' still disappears. <nav class="navbar fixed-top navbar-toggleable-md navbar-dark scrolling-navbar double-nav mobile-nofixed"> Cheers Chris

Edyta Dabrowska free answered 5 years ago


Hello, 1) Your dropdown list is very long one. Try adding a class, for eg.: .scrollable-menu to the .dropdown-menu <div>. And then style it like this:
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
2) In premium version, there is an option for having double navigation with hidden sidenav and fixed navbar. Here you can see how it looks like. Regards,

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags