Dark header not-dark when stacked on mobile device

6 replies · opened May 3, 2021

EessevaMay 3, 2021

Hi there excellent support ♥

Love your theme; my webpage makeover will look great (I hope) ☺

Need some help:

When I apply the ”dark” class to the full-header transparent-header when using a picture that requires that, and view it on a mobile device then the header and menu is dark and not white (means not-dark) as I would like the pages to be.

I tried to use the “not-dark” in the menu in <nav class="primary-menu"> but it doesn’t work.

How can I make the header so that it has the “dark” class when viewed on a desktop or other large displays, but “not-dark” (so the header and primary menu are white) when stacked on a mobile device?

Hope you can help and that my problem and question make sense.

See the pages here. You have to stack them so you can see the difference.

Page with “dark” header class: https://www.astangastudio.dk/sider/holdplan.html

Page as I like to be when stacked on mobile: https://www.astangastudio.dk/sider/priser.html

Kind regards
Eskil

SSemicolon WebSTAFFMay 3, 2021

Hello,

Thanks so much for the Kind Words! :)

This is definitely possible! Simply consider using the following code:
[ch_pre][/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.

EessevaMay 4, 2021

It worked, thank you!

But now the drop-down menu is dark (not-correct-menu.jpg) and not white (correct-menu.jpg) when viewed on a desktop screen.
Anything else I can add to overwrite that?
The menu has to be white!

EessevaMay 4, 2021

I have to note, that as soon as you start scrolling, the drop-down shifts into white. But would be neat if it was the permanent state of the drop down, like it is on the rest of the pages.

SSemicolon WebSTAFFMay 4, 2021

Hello,

You can simply add the .not-dark Class to the .primary-menu Element. That't it. The Dropdowns will always be white then. Example:
[ch_pre][/ch_pre]

Hope this Helps!

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

EessevaMay 4, 2021

That's amazing ☺
Thank you so much, love the theme, and you been really helpful.

SSemicolon WebSTAFFMay 4, 2021

Hello,

Very Happy to Help! :) And Thank You for the Kind Words!

Do let us know if we can help you with anything else.

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