Canvas Support

How do I force the mobile menu be "not-dark" irrespective of slider changes?

1 reply · opened Jul 26, 2019

BbdunnanJul 26, 2019

The transparent-header + slider is changing the header (brilliantly, btw) to maintain artistic control of the UI text/logo slide by slide. However, the side-effect is that the style of the mobile menu is then dependent on what the slider has added to/removed from the header class. I would like it ALWAYS to be the "not-dark" version irrespective of slide changes. Is this possible and how?

Is there something like "data-sticky-class='not-dark'?" It would be handy to have "data-mobile-class='not-dark'".

Details:
This can be seen here. If you stay on the first slide. Scroll > you get white menu. Shrink > you get dark mobile menu. Enlarge. Go to slide 3. Shrink > you get white menu. I need it to always be the same.

Thanks,
Bruce

SSemicolon WebSTAFFJul 28, 2019

Hello,

Yes, absolutely! This functionality has already been included within Canvas (as we ran into the same issues as you have :D while making some Demos). Simply use data-responsive-class="not-dark" Attribute on the #header tag.

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