Colors for Menu and Off-Canvas Menu of Predefined Header (Helix Ultimate 2.0 Template Style) - Forum | JoomShaper
Solved Helix Framework

Colors for Menu and Off-Canvas Menu of Predefined Header (Helix Ultimate 2.0 Template Style)

Asked by Georg Holzner 4 years ago Last activity 4 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 !

Accepted answer

Marked as the solution
Ariba Staff
4 years ago

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;
}

2 more replies

Oldest first Newest first Most helpful
Georg Holzner Asked this
4 years ago

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

Ariba Staff
4 years ago

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);
}
Log in to reply.