Hide Menu On Ipad Pro
Igors
Hi friends how to hide menu on ipad pro like this is on other tablets and mobile with ofcanvas toggler?
Rashida Rahman
Accepted AnswerHello!
Sorry for the delayed response!
You may use the following media query in your custom css:
@media (max-width: 1025px)
{
body.ltr #offcanvas-toggler.offcanvas-toggler-right.d-block
{
display: block!important;
}
.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block {
display: none!important;
}
}Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Hope this will serve your purpose!
Best Regards
Igors
Accepted AnswerDomain is https://vervo.lv/lv/.
But template is old t3.
In this page i try to make new similar on helix https://vervo.lv/lv/valstis/kravu-parvadajumi-zviedrija
Igors
Accepted AnswerThanks Rashida. One more question. I have custom header with 3 columns. Logo, menu and language switcher.
Can i somehow do so that on mobile and tabled ofcanvas toogler is on the right side?
Rashida Rahman
Accepted AnswerHi,
You can use the following code to change the order if you like it:
@media (max-width: 1025px){
#sp-header .row {
display: flex!important;
flex-direction: row!important;
}
#sp-menu {
order: 3;
}
}Best Regards