Changing Mega Menu background transparency - Dawn Theme

Store Design
1

Hi,

I’m having trouble trying to find code to change the background transparency of the Mega Menu in the Dawn Theme. Currently it’s solid black, but would like it to be at about 60% opacity.

Thanks in advance!

2

@DP_2023
Hello,
Can You Please Share Your Store URL?

3

You can use the following CSS code in Dawn theme for opacity.

.mega-menu__content {
    opacity: 0.6 !important;
}
1 Like
4

Hi @DP_2023 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-mega-menu.css->paste below code at the bottom of the file:

.mega-menu__content {
    background: rgba(0,0,0,.6) !important;
}

I hope it would help you

5

Thanks Kate! This worked perfectly! :slightly_smiling_face:

1 Like
6

my site is “spotlight” and need mega menu background An almost transparent white color