How can I apply a blurred background to a submenu?

[Codyy]

Hi, im working on blurred header and I have a problem with submenu (see attached image). Does anyone know how to do the same blurred background on a submenu like on the header? Thanks! 

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Codyy]

https://excellstore.cz

password to main page: codyy

[PageFly-Victor]

Hi @Codyy 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>

.badge.badge--bottom-left.color-inverse{

color: black !important;

}

body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2{
background-color: rgb(245, 245, 245) !important;
}

</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[Codyy]

Hey,

your solution is not working for me,

it changes every color on my website, unfortunately, I want to change color ONLY on submenu in the header.

Thanks!

[SlayP]

Hello Codyy,

This is Pearl with WebDesk Solution. We are a certified Shopify partner agency in Toronto with more than a decade of experience working on the Shopify Platform. I can help you do the same blurred background like on the header, I would like to request you to share the existing website link so that we can start solving your issue ASAP. 

Please do contact me at consult@webdesksolution.ca

Regards,

Pearl

www.webdesksolution.com

[PageFly-Victor]

You can try this code to fix it

<style>
.list-menu--disclosure{
background: transparent !important;
}
</style>