VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Add button to toggle sidebar menu
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Add button to toggle sidebar menu

Add button to toggle sidebar menu 30 Sep 2019 15:44 #11881

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.
Last Edit: 30 Sep 2019 15:51 by d0ben.

  • Posts:16
  • d0ben
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Add button to toggle sidebar menu 02 Oct 2019 03:05 #11886

I see on your site the button toggles the menu.

joomfreak

  • Posts:2893
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Add button to toggle sidebar menu 02 Oct 2019 15:12 #11888

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

  • Posts:16
  • d0ben
  • Fresh Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.71 seconds
Friday 18 September 2020

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.