Change the color of a megamenu (TURBO Theme)

MaxCosta
Trailblazer
152 0 47

Hello everyone,

I have tried changing the color of the text inside my megamenus.

Sans titre.jpg

I would like to keep the color gold for the buttons on my main menu. However, I would like the links inside to appear in blue color #020F4C.

The turbo theme does not allow me to change this independently of the main menu.

Here is the preview link of my website: https://1dokuy61p3bn020y-1196425333.shopifypreview.com

 

thank you in advance for your help

Max C.

dmwwebartisan
Shopify Partner
7389 1752 2347

@MaxCosta 

Please add the following code at the bottom of your assets/styles.scss.liquid file.

.dropdown_column__menu ul li a {
    color: #020F4C !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Anthony_David_
Trailblazer
221 29 86

Hello @MaxCosta 

on themes -> actions -> edit code -> on  style.css add the below code

.dropdown_column ul.dropdown_title ~ ul a {
    color: #020F4C !important;
}


Hope you are looking for something like  ->  Screenshot (97).png

Thanks

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
MaxCosta
Trailblazer
152 0 47

Thanks a lot for your answers !

Yes I applied these changes it's perfect. Only, on the menu named "idées cadeaux", the links always appear in gold.

Sans titre.png

If in addition, it is possible to have the hover in the color gold, that would be perfect.

 

Thank you in advance

0 Likes
Anthony_David_
Trailblazer
221 29 86

Whose solution worked? @MaxCosta 

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
Anthony_David_
Trailblazer
221 29 86

Hello @MaxCosta ,

I hope you want to add the blue menu on hover it should be gold. Add the below code.

.dropdown_column ul.dropdown_title ~ ul a:hover {
    color: #bf974b !important;
}


Hope this helps, if this works please accept the solution

Thanks

 

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
MaxCosta
Trailblazer
152 0 47

Thank you very much for your help to make the hover work. But for my previous problem in my previous post it is not solved

The "gift ideas" menu appears in gold

can you check please?

0 Likes
Anthony_David_
Trailblazer
221 29 86

Add this

ul.dropdown_item font {
 color: #020f4c!important;
}

ul.dropdown_item font:hover {
color: #bf974b!important;
}
Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
MaxCosta
Trailblazer
152 0 47

added but it doesn't work :x

0 Likes
Anthony_David_
Trailblazer
221 29 86

Add this 

and remove the old one 

ul.dropdown_item a {
    color: #1d3d57;
}
Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05