How do I change the opacity of drop menu for dawn theme

Store Design
1

Hi,

I am looking for a solution to be able to make my drop menu background more of a translucent than sold white. I am on Dawn 5.0

www.xeautosport.com

2

Hello @XEautosport

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your base.css file and paste the following code below:
#HeaderMenu-MenuList-1{
  background: rgb(255,255,255,.7);
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

3

Please add below css code in bottom of assets/base.css file

ul.header__submenu {
opacity: 0.8 !important;

}
Thank you.

4

Hi @XEautosport ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header__submenu {
      background: #fffffff7 !important;
}

you can also change the color code to your liking, it will display well

5

Hi @XEautosport,

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-list-menu.css.

Step 3: Paste the below code at bottom of the file → Save

.header__submenu.list-menu.list-menu–disclosure{

background-color:rgba(255,255,255,.5) !important

}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly