Awaiting an answer Templates

Change mobile break view size

Asked by jan95 4 years ago Last activity 4 years ago

Hello,

my main menu is little bit long and its breaked into two linesin smaller screen size,
i am looking to change the break point to hide this menu and show the off canvas icon.
(try to resize on my website)

thanks

3 replies

Ariba Staff

Hello

Thank you for your query.

Please add the following css rule in custom css section. This will hide the main menu below 1200px and show the offcanvas menu

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

Thank you !
i add this but nothing seem happen, when i reseize the width it follow the old behavior !

Ariba Staff

Could you kindly share your admin access? Use the hidden mode to share the log in credentials, please.

Log in to reply.