header switch from dark to light on mobile

Question

I use the following header code from one your corporate templates on my page:

``

It has the effect of displaying the light version of the logo and the menu in white until you start scrolling, then the header becomes white and the normal logo and coloured text are shown.

However, this behaviour is not demonstrated on mobile - only a dark background in shown for the header, with the light version of the logo. How do I make the behaviour on mobile mimic the desktop behaviour? Or can I make the mobile header default to the light background?

Thanks
D

SemiColonWeb · Accepted Answer

Hello, Simply add the data responsive class="not dark" Attribute to the header Element. Example: 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.

taichay · Answer

Thanks a lot. That worked fine.