Setting menu colors does not work - Forum | JoomShaper
Solved Helix Framework

Setting menu colors does not work

Asked by Sion Creativos 3 years ago Last activity 3 years ago

I have changed the active and hover colors for the main menu, but this not work, the color is always white, in the example the text "Gestión Ambiental" should appear in gold and it does not work.

https://ibb.co/19dzNDc

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Use this custom CSS

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #a57911 !important;
}

.sp-megamenu-parent>li>span:hover{
      color: #a57911 !important;
}

.sp-megamenu-parent>li>a:hover{
     color: #a57911 !important;
}

4 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

Sion Creativos Asked this

Please check, the access data is the same as the one I already provided you.

Sion Creativos Asked this

It works great in the menu, do you know how I can adapt it to the submenu items too?

Mehtaz Afsana Borsha Staff

Ok for this case, use this CSS

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover{
  color: #a57911 !important;
}
Sion Creativos Asked this

Fabulous, thank you.

Mehtaz Afsana Borsha Staff

You are most welcome.

Log in to reply.