Remove offcanvas from tablet view... - Forum | JoomShaper
Solved Helix Framework

Remove offcanvas from tablet view...

Asked by Mike Lawson 4 years ago Last activity 4 years ago

Hello, I would like to exclude the offcanvas menu from tablet view/screens, so the offcanvas menu only shows on mobile phones. Ultimate goal is the standard desktop view mega menu to show on tablet media devices, as it would on a desktop screen. Thanks.

Accepted answer

Marked as the solution
Ofi Khan Staff
4 years ago

Apology for the delay. Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (min-width: 426px){
    #sp-header #offcanvas-toggler{
        display: none !important;
    }
    #sp-menu .sp-megamenu-parent{
        display: block !important;
    }
}

6 more replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago

Hello

Thank you for your query.

Please share your site URL.

Ofi Khan Staff
4 years ago

Hello Mike Lawson

Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (min-width: 426px){
    #sp-header #offcanvas-toggler.mega{
        display: none !important;
    }
    #sp-menu .sp-megamenu-parent{
        display: block !important;
    }
}

Best regards

Mike Lawson Asked this
4 years ago

Hello,

url is newpuretax.puretaxhelp.com, the login credentials are in the hidden content

I have tried adding the custom css, and it doesnt work properly. It now shows the desktop menu in all views, and the offcanvas menu is still present as well. I have cleared all cache before checking

Mike Lawson Asked this
4 years ago

Sooo, no help on this then?

Mike Lawson Asked this
4 years ago

Ok thank you, think Im on the right track here.

Ofi Khan Staff
4 years ago

You are welcome. Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

Log in to reply.