Changing Mega Menu background transparency - Dawn Theme

[DP_2023]

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!

[oscprofessional]

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

[SomeUsernameHe]

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

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

[PageFly-Kate · Accepted solution]

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

[DP_2023]

Thanks Kate! This worked perfectly! 🙂