Issue with Changing Menu Colors on My Website

Issue with Changing Menu Colors on My Website

Makeis
New Member
5 0 0

Hello everyone,

I am currently facing an issue on my website aqua-reve.com. I would like to change the color of two menus throughout the entire site, but I can't seem to find the solution.

Could someone please help me?

Thank you in advance for your assistance.

Best regards,

 

Makeis_0-1719316613465.png 

Makeis_1-1719316670625.png

 

 

Replies 7 (7)

Moeed
Shopify Partner
4318 1109 1361

Hey @Makeis 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
a#hdt-menu-pompes-a-oxygene span {
    color: red !important;
}
a#hdt-menu-pompes-a-eau span {
    color: red !important;
}
</style>

RESULT:

Moeed_0-1719317501034.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
codewiser
Shopify Partner
79 35 32

Hi @Makeis 

Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save

 

 

.hdt-header-col .hdt-navigation .hdt-nav__ul >.hdt-menu-item:nth-child(2) .hdt-menu-list .hdt-menu-link .hdt-menu-link-text, #hdt-nav-ul-mb >.hdt-menu-item:nth-child(2) .hdt-menu-item .hdt-menu-link-text {
    color: #0000ff !important;
}

 

 

 
If your problem solved then Like & Accept this Solution.
For Designing, Development and custom changes hire us. Email us Or WhatsApp Or Skype.
Makeis
New Member
5 0 0

Makeis_1-1719318616625.png

like this ?

 

 

Makeis
New Member
5 0 0

It's not the text that can be modified, it's the background of the menu, thank you for your response.

Makeis
New Member
5 0 0

Or ?

 

<style>
.hdt-dropdown-menu,
.hdt-sub-menu {
background-color: #b6e0fe !important;
}

.hdt-dropdown-menu li,
.hdt-dropdown-menu a,
.hdt-sub-menu li,
.hdt-sub-menu a {
background-color: #b6e0fe !important;
}
</style>

devmont-digital
Shopify Partner
132 31 33

hello @Makeis,

try this code 

 

 

#shopify-section-sections--18840772083977__header .hdt-dropdown-menu {
    border-color: #b6e0fe !important;
    background-color: #b6e0fe !important;
  }

  #shopify-section-sections--18840772083977__header .hdt-dropdown-menu a {
    background-color: #b6e0fe !important;
  }

 

 


 

Found our answer helpful? If so, Don't forget to show your support by liking and accepting the solution.
Looking for more help and expert consultation? Feel free to contact us at Shopify Expert or visit our website www.devmontdigital.io
Hire us for your project by simply emailing us at sales@devmontdigital.io
Makeis
New Member
5 0 0

It didn't take all the bottom, is that normal?

 

Makeis_0-1719320489602.png