Only Display Offcanvas Menu On Tablets - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Only Display Offcanvas Menu On Tablets

Maximilian Grunow

Maximilian Grunow

Helix Framework 3 years ago

Hello, is there a possibillity to Display only the Offcanvas Menu on an iPad instead of normal Mega Menu?

0
Website
https://gbgrs.de
2 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #72583 
/* ----------- iPad 2, 3, 4 and Pro 9.7" ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
#sp-header.full-header-center #offcanvas-toggler.mega 
{display: flex !important; }
#sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler,
#sp-menu .sp-megamenu-parent {display: none !important; }
}

In Template options - custom code - Custom CSS

1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #72582

Hi Max,

in default iPad resolution should be changed to [=] menu,

info_6074.jpg

but if you have more modern iPad or we talk about landscape view it request extra custom CSS to enable mobile menu faster

0