dropdown menu curtailed

Topic: dropdown menu curtailed

Chris Sweeney 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

Add comment

Chris Sweeney premium answered 7 years ago

0 0 Best answer

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

Add comment

Edyta Dabrowska free answered 7 years ago

1 0 Best answer

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

Add comment

Chris Sweeney premium answered 7 years ago

0 0 Best answer

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

Add comment

Edyta Dabrowska free answered 7 years ago

1 0 Best answer

Please insert min. 20 characters.

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,

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Premium
Premium support: Yes
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Chris Sweeney

Premium support 317Support score
25Questions 51Answers 0Snippets