Issue with Changing Menu Colors on My Website

[Makeis]

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,

[Moeed]

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 tag

RESULT:

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

Best Regards,
Moeed

[codewiser]

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;
}

[Makeis]

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

[Makeis]

like this ?

[Makeis]

Or ?

.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; }

[devmont-digital]

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;
  }

[Makeis]

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