dropdown menu curtailed

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

Chris Sweeney pro premium asked 10 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 10 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 10 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 10 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 10 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
27Questions 51Answers
0Snippets likes 0Snippets