Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Archived forums

Smartmenus with "Navbar fixed top"

This topic has 5 replies, 5 voices, and was last updated 6 years, 8 months ago by oseiasslompo.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 9, 2017 at 08:54 #3730

gerdhuber
Participant

Hallo,

how can i do this with SmartMenus ?

Gerd

October 12, 2017 at 14:55 #3741

admin
Keymaster

You mean this?

http://vadikom.github.io/smartmenus/src/demo/bootstrap-4-navbar-fixed-top.html

The sample code is displayed on the demo page, you could also look in its source..

October 13, 2017 at 12:17 #3747

gerdhuber
Participant

i mean smartmenu not the addon. i don’t find an example in the gallery with “Navbar fixed top”

October 24, 2018 at 15:29 #8365

cmsmart
Participant

You can try to add a class to <nav role=navigation and the try to style it like at W3C
https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

or use a js like https://github.com/MonikaManduk/Responsive-nav-fixed-top (there are also others) – i have not tested the evtl. upcoming or remaining problems (evtl. overflow hidden for the content etc.).

October 11, 2019 at 12:57 #8974
Buruguduy
Participant
Try adding this under @media for mobile device.
```
.navbar-collapse {
  max-height: 280px;
  overflow-y: auto;
}
```
March 2, 2020 at 23:04 #9012
oseiasslompo
Participant
Hello!

I notice that when, on mobile devices, it loses the scroll bar. I mean, when I set
```
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
```
it doesn’t show scroll bar to the right on mobile devices.

You’ve been doing an excellent job. Congrats.

Best regards,
Author

Posts