Change Color Of Active Mega Menu Item And Off-canvas Menu
Kovács Richárd
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
Rashida Rahman
Accepted AnswerHi 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
Rashida Rahman
Accepted AnswerHi,
Here it is:
#offcanvas-toggler > i.fa {color: red;}
You had this within the documentation too.
https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do
Best Regards
Kovács Richárd
Accepted AnswerThank 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)
Kovács Richárd
Accepted AnswerThank 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!
Rashida Rahman
Accepted AnswerHi 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