fbpx

An Exclusive Offer For You To Grab JD Builder ProCheck Deal of The Day

Welcome, Guest
Username: Password: Remember me

Like using Astroid?

Help us improve Astroid by providing some quick feedback.

Take the survey

TOPIC: (SOLVED) Mobile(hamburger) menu does not work under a certain size

Mobile(hamburger) menu does not work under a certain size 6 months 3 weeks ago #14017

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Hi,

i noticed that the mobile menu (the hamburger button) does not work on mobile.(real device)
You can test this also easily by decreasing the size of your browser when on desktop.
It works at a certain size, but when smaller it stops working.
It also does not work when using the mobile button in developer mode (F12) of your browser.
And yes i have Jquery 1.8.1 working. And i can easily change to a higher version with the use of jQueryeasy plugin. But this does not help.

Any idea how to solve this?

Thanks a lot!

JJS
The topic has been locked.

Mobile(hamburger) menu does not work under a certain size 6 months 3 weeks ago #14020

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

Can you please your website link share here, so we would be able to debug that for you!

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Mobile(hamburger) menu does not work under a certain size 6 months 3 weeks ago #14028

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
It's a fresh start-up website: www.multifoodshop.nl
Thanks!
The topic has been locked.

Mobile(hamburger) menu does not work under a certain size 6 months 3 weeks ago #14040

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

Create a custom.css file int the following path: templates/TEMPLATENAME/css/custom.css and paste this CSS .
a#offcanvas-toggler {
    z-index: 999;
}
div#sp-top-d {
    z-index: -99;
}

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
The following user(s) said Thank You: jjsjjs

Mobile(hamburger) menu does not work under a certain size 6 months 3 weeks ago #14051

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
:woohoo:
You are awesome!

Thanks a lot.
I was always under the impression that the custom.css should be a copy of the original template.css and then make the changes in it. But it's not tru. Just add the parts you want different.
Great!

Thanks a lot!
Regards,
JJS
The topic has been locked.

Mobile(hamburger) menu does not work under a certain size 6 months 2 weeks ago #14090

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3150
  • Thank you received: 496
  • Karma: 83
Glad! it worked out. Issue closed.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Time to create page: 0.300 seconds