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 (0) - 3 months 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)

theklf99 (1) - 3 months ago - Reply 1

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 (1) - 3 months ago - Reply 0