How can I modify the mega menu color in the Dawn theme?

Store Design
1

Hi, I’m currently working on the dawn theme to publish a new theme for my store.

How do I disable the bold underline on the menu when in a collection from that part of the menu?

Also how do I make the drop-down of the mega menu the same colour as the menu bar?

I’ve attached a screenshot of the code I used to change the menu bar colour

cap.PNG
cap.PNG1814×1015 223 KB

code.PNG
code.PNG853×582 46.2 KB

2

Hi @BriannaPhoebe

Thank you for your post here is the code you need to edit and your background color will be changed.

.mega-menu__link--active{text-decoration:none!important;}
.mega-menu__content{background-color:#f9e0e6!important;}

Best Regards

Parth Bhut

3

Hi, that fixed the mega menu but not the main menu bar

How do I fix that one?

newcp.PNG
newcp.PNG1788×722 101 KB

4

Hi @BriannaPhoebe

Please add below code that will remove bold underline from header links also.

.header__active-menu-item{text-decoration:none!important;}

Best Regards

Parth Bhut

5

Hi for me It does not work

I use Boost canvas

Can you helpe me please ? Please see enclosed

6

How did you get the menu to show as the pink strip on dawn theme? This is the first time ive used a free theme and its usually already programmed in but onviously not with the dawn theme.

7

Hi, I tried this code but it didn’t work for me. Maybe its different for my theme Refresh 9.0?

Changing the color worked but only for desktop. Is there one that applies to mobile too?