hide menu on ipad pro - Forum | JoomShaper
Solved Helix Framework

hide menu on ipad pro

Asked by Igors 5 years ago Last activity 5 years ago

Hi friends how to hide menu on ipad pro like this is on other tablets and mobile with ofcanvas toggler?

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years ago

Hello!

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.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Hope this will serve your purpose!

Best Regards

7 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi there!

May I have your site URL here, please?

Best Regards

Igors Asked this
5 years ago

That would be nice to get answear. I am stuck with this

Igors Asked this
5 years ago

Thanks 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 Staff
5 years ago

Hi,

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

Igors Asked this
5 years ago

Thanks Rashida.

Rashida Rahman Staff
5 years ago

You are always welcome:)

Log in to reply.