dropdown menu curtailed

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: dropdown menu curtailed

Chris Sweeney pro premium asked 7 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

Edyta Dabrowska answered 7 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,

Edyta Dabrowska answered 7 years ago

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

Chris Sweeney pro premium answered 7 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

Chris Sweeney pro premium answered 7 years ago

Hi Edyta That's it! Many, many thanks Cheers Chris
Write
Create 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

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
About author
Chris Sweeney
Pro User Premium support
317Support score
25Questions 51Answers
0Snippets likes 0Snippets