How can I remove opacity in mobile MegaMenu?

Store Design
, , , ,
1

Hi. My Megamenu is set to 90% opacity and I like that. However, on the mobile version, I would like to remove the opacity.

I tried the code below. It worked with the inspect tool but not after I applied it to my CSS file.

Any thoughts?

beautyofimpermanence.com pw:bananarama

Thank you.

@media only screen and (max-width: 798px) {
.megaMenu {
    background: rgba(255, 255, 255, 1) !important;
}}
2

Hello @hellocc :waving_hand:

Try adding this code

#mobile_nav .megaMenu {
    background: rgba(255, 255, 255, 1) !important;
}
3

Hi @ZenoPageBuilder ,

Thank you for responding.

The code did not work unfortunately.

4

I checked again and it should work.

Please put the code to styles.css file, if it still does not work, leave the code there so I can check it again.

5

Hi @ZenoPageBuilder ,

That’s odd… still not working on my side. I added the code to the Copy of Live Theme, if you don’t mind checking. Thank you so much, much appreciated!

6

I cannot preview the store on unpublished theme.

Can you add it to the live theme?

Or send me the preview url of the Copy of Live theme.

7

Aah, sorry about that. It’s done. Thank you!

1 Like
8

You are welcome!