Why is my Dawn 2.0 theme main menu behind the page content?

Store Design
1

Hi,

I’m using the Dawn 2.0 theme.

I set a different background to my whole website, but now the main menu is sent to back, behind page content.

I know the problem created because I hid this code line made by Shopify in the base.css file:

:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-1);
/*   --gradient-background: var(--gradient-base-background-1); */
}

That is what made the menu to be sent to back behind content. You can see an example here, in the “Pick your box” text:

Screen Shot 2022-02-28 at 1.40.39 PM.png
Screen Shot 2022-02-28 at 1.40.39 PM.png1966×192 22.9 KB

How can I solve it and make the main menu be in the front as it was with the current background?

https://wortheattt.myshopify.com

Thanks

2

Hi @Ben1000

Send me your sore url will give solution

3

Hello,

I don’t see it on your site, you can enable it or duplicate and let me check it for you

thanks

4

Hi @Jasoliya

https://wortheattt.myshopify.com

Thanks

5

Yes, but I see your header normal, how I can see bug on site

https://prnt.sc/vz8lQgqIHMWS

6

Yes cant see as per your image provided. enable it or send preview url if in development

7

Hi @Jasoliya @Typostores , there was a crush by Shopify.

I found a way to solve it, thanks