Off Canvas Menu On Tablet Held Horizontally - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off Canvas Menu On Tablet Held Horizontally

AO

Arne Opheim

Helix Framework 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

0
9 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #60493

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;}
}
0
P
Pavlos
Accepted Answer
2 years ago #117208

You Sir are a life saver !!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #117243

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.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #60433

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

0
AO
Arne Opheim
Accepted Answer
3 years ago #60462

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

0
AO
Arne Opheim
Accepted Answer
3 years ago #60507

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

Regards Arne Opheim

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #60522

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.

0
AO
Arne Opheim
Accepted Answer
3 years ago #60544

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

Regards Arne

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #60782

Thank you so much. Have a great day!

0