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.


joomfreak-logo

It's time to pass this project on to someone passionate about continuing its journey. joomfreak offers a unique opportunity to build upon a well-established platform and keep providing the Joomla community with quality templates and tools.

If you're interested, we'd love to hear from you!
[email protected]

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:2940
  • 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.62 seconds
Thursday 12 December 2024

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.