How do I edit the offcanvas trigger width? - Forum | JoomShaper
Staff replied General

How do I edit the offcanvas trigger width?

Asked by Anders Ekman 5 years ago Last activity 5 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?

1 reply

Ofi Khan Staff

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

Log in to reply.