Using off-canvas mobile menu when enabling sticky option for mobile header.

1 reply · opened Jan 29, 2024

Bbintel_suhiJan 29, 2024

Hi,

we was trying to use off-canvas for mobile menu. it works properly but as soon as we scroll down with sticky mobile header, the menu becomes drop down style. please advice how to correct.

SSemicolon WebSTAFFFeb 1, 2024

Hello,

Thanks for your Kind Patience and Apologies for the Delays in replying!

Simply find all the instances of the following code in the style.css File:
[ch_pre type="css"]body:not(.is-expanded-menu) #header:not(.sticky-header) .mobile-menu-off-canvas[/ch_pre]

and replace it with:
[ch_pre type="css"]body:not(.is-expanded-menu) .mobile-menu-off-canvas[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard