How do I Edit The Offcanvas Trigger Width? - Question | JoomShaper
Back to the questions

How do I Edit The Offcanvas Trigger Width?

AE

Anders Ekman

General 2 years ago

Hello,

When the screen width reaches a certain point, the menu turns into a "hamburger-menu" with an offcanvas menu. I want to edit the trigger point of this (at what width the menu turns into a "hamburger menu"), because I want the "hamburger menu" to start earlier (at a wider screen width). How do I do that?

0
1 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #27234

Hello Anders Ekman

Please use this CSS to Template Options -> Custom Code -> Custom CSS and it will make offcanvas menu appear at 1200px screen width. Change the max-width value as per your requirement.

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

Best regards

0