How can I adjust transparency in the Dawn Theme menu?

[jthompson05]

Hi! I am in the process of setting up a new store with Dawn Theme. The navigation menu is transparent do you can’t read the categories. How can I change it to an opaque (white) background?

Thank you so much!  

[Moeed]

Hey @jthompson05 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[jthompson05]

Hi! The URL is www.wildwestboutique.org. There is no password. 
Thank you so much! 

[vpsbohra]

@jthompson05 

its white

[jthompson05]

Is ther

 Here is a screenshot. When the menu drops down, it is transparent. I would like it to be opaque so you can see it. Thank you! 

[vpsbohra]

Hi @jthompson05 

Can you please share store URL?

[Anshul_arora]

Hello @jthompson05 ,

I understand that you are looking to implement a background colour in menu dropdown in mobile version https://prnt.sc/dD7ValKXMzvd

You can resolve this problem by making changes in the CSS of (.menu-drawer_navigation-container ) div class.

Please change the previous code with below mentioned code -:

.menu-drawer__navigation-container {
display: grid;
grid-template-rows: 1fr auto;
align-content: space-between;
overflow-y: auto;
height: 100%;
background-color: white;
}

You can review when the code changes, output will look like this https://prnt.sc/Q1t9ioc1XPDn

You can search this code in your .css file ( base.css/style.css/theme.css ) and change with the above mentioned code.

I hope this helps.

Please feel free to contact me if you need any assistance.

Thank you.

[FairLux]

Hello, Im having the same issue with the Spotlight theme. I cannot find the (.menu-drawer_navigation-container ) div class. 

the url for my website is www.fairlux.ca

[FairLux]

Never mind, I found it and it works. Thank you!