Remove Offcanvas From Tablet View... - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Remove Offcanvas From Tablet View...

ML

Mike Lawson

Helix Framework 3 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.

0
7 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #60764

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;
    }
}
0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #59389

Hello

Thank you for your query.

Please share your site URL.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #59390

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

0
ML
Mike Lawson
Accepted Answer
3 years ago #59394

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

0
ML
Mike Lawson
Accepted Answer
3 years ago #60725

Sooo, no help on this then?

0
ML
Mike Lawson
Accepted Answer
3 years ago #60959

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #61125

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.

0