How do I remove colour overlay for the menu / header?

Store Design
1

Hi, I’ve been trying for a while to remove this semi transparent white colour overlay from the menu tab on my website but can’t seem to figure it out, does anyone know how I can do this?

I’m using ColorBlock theme, thanks!

IMG_0014
IMG_00141668×1559 63 KB

3

Thank you I tried both, the first option didn’t work and the second option did this, I’m not sure.

IMG_0016
IMG_00161668×915 57.4 KB

4

@stitchedh can you please share this website link?

6

@stitchedh please add this css to the very end of your base.css file and check

shopify admin->online store->themes->edit theme code->assets->base.css

.header__icon--menu[aria-expanded=true]:before{background: none;}
7

That works perfect, thank you for the help much appreciated!

1 Like
8

@stitchedh welcome, do let me know if you need any updates later