Off canvas menu on tablet held horizontally - Forum | JoomShaper
Solved Helix Framework

Off canvas menu on tablet held horizontally

Asked by Arne Opheim 4 years ago Last activity 3 years ago

Hi,
I have a website that uses both mega menu and off canvas menu.
But the megamenu is so wide that only parts of it show on the tablet, when held horizontally.
When the tablet is held in a vertical position, this is not a problem. Then only the burger menu is displayed.

Is there a way to make only the burger menu appear on the tablet, even when the tablet is held in a horizontal position?

I do not want both the mega menu and the burger menu to appear at the same time, whether it is laptop, tablet or mobile.

Regards Arne Opheim

Accepted answer

Marked as the solution
Ofi Khan Staff
4 years ago

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (max-width: 1200px) {
#offcanvas-toggler {display: flex !important;}
#sp-menu .sp-megamenu-parent {display: none !important;}
}
Pavlos
3 years ago

You Sir are a life saver !!

Ofi Khan Staff
3 years ago

You are welcome 😊

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on 

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

6 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years ago

Hello Arne Opheim

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (max-width: 1200px) {
#offcanvas-toggler {display: block !important;}
#sp-menu .sp-megamenu-parent {display: none !important;}
}

Best regards

Arne Opheim Asked this
4 years ago

Hi, and thank you for the quick answer and the solution to my problem.
But is it possible to move the burger icon a little down, so it will be centered and more alligned to the search box?

The icons in the Mega menu have now somehow been changed to some strange characters. Do you know how I can fix it again and get the correct icons back?

Please find scrennshots here: https://arbeid5.joomla4.no/menu-issues3

Regards Arne

Arne Opheim Asked this
4 years ago

Hi Ofi,
Thank you very much, Ofi.
Now it looks very good.

Regards Arne Opheim

Ofi Khan Staff
4 years ago

You are welcome.

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

Arne Opheim Asked this
4 years ago

Then I gave a new review on JED.
Have a nice day!

Regards Arne

Ofi Khan Staff
4 years ago

Thank you so much. Have a great day!

Log in to reply.