I'm putting together a bootstrap layout and I have some tweaks I would like to do:
- I have a menu consisting of logo, 3 menu items, a button. The logo is positioned left, the button right. I would like to have the menu items centered relatively to the page instead of to logo/button:
- The menu turns into an offcanvas menu below lg. I would like to have the dropdown menu open in the menu instead of having to open it manually (maybe remove the toggle?):
At the bottom I have a navbar that is sticky using fixed-bottom. I would like to have it sticky when there is not enough content to fill the page, but only on greater than md. This results in the navbar becoming visible on smaller devices when the user scrolls all the way to the bottom of the page and larger screens always show a fixed navbar.
I would like the top navbar to overlap the bottom navbar
Any pointers?