We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Menu Color Change on Hover (Main & Sub)

Featured Lock Resolved Issue
Trying to get the bg to change color when hovering on both the Main and Sub menus, but cannot find solutions here or the net. Need some help please...

I've implementing codes from the Helx3 Docs, but they don't seem to help.




Attachments (1)

  • bg-color-change-on-hover.jpg
    bg-color-change-on-hover.jpg 98 KB

3 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
tip for today:
for menu

.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li:focus > a {
color: black;
background-color: yellow;

for submenu

.sp-megamenu-parent .sp-mega-group > li:hover > a {
color: white;
background: blue;

tip for tomorrow:

Attachments (1)

  • colors.jpg
    colors.jpg 22.1 KB


More than a month ago #Permalink
Thank you Paul. Bookmarked that link.

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us