Dropdown Background Submenus Mouseover Color Change
gemmajoom
Hello, how can I change the background color of the selected submenu?
I tried this code in Custom CSS, but doesn't work:
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover{
background-color: #2a3325 !important;
}Using Joomla 5.3, Shaper Salon template.
Thanks
Paul Frankowski
Accepted AnswerCiao. Use that
.secondary-menu .menu-child li a::after,
.secondary-menu .sp-dropdown-inner li a::after,
.sp-megamenu-parent .sp-dropdown .menu-child li a::after,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li a::after {background-color: #6F5D41; }
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
Unfortunately, the screenshot is not visible from my end. Would you please share your site URL here to check?
Best regards,
gemmajoom
Accepted AnswerThere is also a problem with the offcanvas menu, it is not visible, even though the module has been activated and associated with the offcanvas position
Rashida Rahman
Accepted AnswerHi,
Sorry for the delay. I have looked into your site and it seems you are trying to achieve this for a single page anchor links submenu items. Do you really mean active submenu's background color? Or background color of submenu while hovering on them?
Kindly specify. Sorry for the confusion...
Active menu's color can not be defined as this template is not designed for onepage solution, but if you mean hover, then yes, it's possible.
Best regards,