Fancy Sidebar Navigation

Regarding: bootsnipp.com/snippets/featured/fancy-sidebar-navigation

Hey maridlcrmn

Do you have a fix for the navbar, if I fx. want the nav shown on laptop/desktop?

You know like Booststraps standard navbar?

Sincerely Mads Dalsgaard.

MadsDalsgaard () - 6 years ago - Reply 0


I've made changes to the code so that it worked for my Joomla website - and I've also added media width to the CSS so the menu will be displayed all the time when it's shown on a screen at bootstrap 3 md breakpoint and beyond (you can later the @media width sections if you want the breakpoint to start at other points)

https://bootsnipp.com/user/snippets/aM9yo

theklf99 (-3) - 6 years ago - Reply 0


If you change the javascript a bit so it just toggles an open/closed class on the wrapper instead. And then apply all the other changes via CSS then you can use @media queries to only show the hamburger when the screen is of a certain width and only hide the sidebar when the menu is at a certain width.

It also reduces the amount of javascript needed to just one onclick - toggleClass command.

theklf99 (-3) - 6 years ago - Reply -3