Hi,

I'm trying to build into the template a new button that toggles a sidebar menu. The button would be always visible regardless of screen size, but the sidebar menu itself would be responsive. This page has the code I want to build into the template:

bootstrapious.com/p/bootstrap-sidebar#3-...th-a-content-overlay

What I want is #3, Fixed scrollable sidebar menu with a content overlay, except not the left, but the right side of the template.

I added a new position in the templateDetails.xml and added CSS along with adding the code into index.php, however it is still not appearing correctly. Eg. The button does not toggle the menu, or it doesn't even appear.

Can you please guide me on how to properly add this code into the template?

If we can add this into the template, I want to further build the overlay effect to prevent page scrolling when the sidebar menu is open.

I see on your site the button toggles the menu.

joomfreak

Yes, I managed to figure it out. I added the one I found on W3schools:
www.w3schools.com/howto/tryit.asp?filena...sidenav_push_opacity