Colors For Menu And Off-Canvas Menu Of Predefined Header (Helix Ultimate 2.0 Template Style) - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Colors For Menu And Off-Canvas Menu Of Predefined Header (Helix Ultimate 2.0 Template Style)

GH

Georg Holzner

Helix Framework 3 years ago

Hi all,

I am using (always newest version): SP Page Builder Pro Helxi Ultimate 2.0 Joomla 4

Questions: 1.) I am using Custom Style Presets and configured the font and colors for the main menu. The first menu topics is selected by default. It shows the color I selected for slected menu topics, but it is not bold as the other menu items (as I defined in the 'navigation font' area of the Typography section of Helix Ultimate. How can I get it to bold?

2.) How can I select the color of the menu of the off-canvas menu?

Thanks !

0
3 Answers
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #74143

Hello

Thank you for your query.

Please add the following css rule in custom css section to make the active menu bold

.sp-megamenu-parent > li.active > a {
    font-weight: 600;
}

For offcanvas menu color: Please add the following css rule in custom css section and change the color code:

.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #252525;
}
0
GH
Georg Holzner
Accepted Answer
3 years ago #74146

Thank you, that helped.

There is just one problem concerning the offcanvas menu: the color of the sub menu items has still not changed. Is there a solution for that?

Thanks

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #74227

You are welcome.

For sub menu items in offcanvas menu - please add the following css rule and change the color code:

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
    color: rgba(37, 37, 37, 0.8);
}
0