Only Display Offcanvas Menu on Tablets - Forum | JoomShaper
Solved Helix Framework

Only Display Offcanvas Menu on Tablets

Asked by Maximilian Grunow 4 years ago Last activity 4 years ago

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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago · edited 
/* ----------- 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 more reply

Paul Frankowski Senior Staff
4 years ago

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

Log in to reply.