Change color of active mega menu item and off-canvas menu - Forum | JoomShaper
Solved Helix Framework

Change color of active mega menu item and off-canvas menu

Asked by Kovács Richárd 5 years ago Last activity 5 years ago

Hello!

I would like to ask, that how can I change the color of an active mega menu on Unei webshop, and how to change the color of the off-canvas menu?

Thanks in advance,
Richard

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years ago

Hi there!

Please use the following code into your custom CSS:

.sp-megamenu-parent > li.active:after{
    background-color: red;
}

Use your desire color in the above code!

Best Regards

4 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi there!

You will find all the related info there:

https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do

Such as this you need to put into your custom CSS:

/* Active color of menu item */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: green; }

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards

Kovács Richárd Asked this
5 years ago

Thank you!

This custom code changed the text color of an active menu item.
And how can I change that tiny line under the menu text, which appears when the selected menu item is active?

Thanks for your answer!

Kovács Richárd Asked this
5 years ago

Thank you, it works!

Maybe do you have a custom code, with that I can change the off-canvas (hamburger menu) color ? (especially on mobile phones)

Log in to reply.