Docs

[belayachimarouane]

Hello,

I have a problem with sub menus not having the same size as the main menu item. I also would love the change the background of the menu and the color of the text.

Thanks a lot

[belayachimarouane]

This reply has been marked as private.

[belayachimarouane]

I also would love to keep the menu items highlights when it’s sub menu is opened.
Thanks a lot

[Thai]

This reply has been marked as private.

[belayachimarouane]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials. Navbar Links color and Navbar Links Hover color, can be change on Customizer under the Header panel.

To change the Navbar background color, you can add this under Custom > CSS in the Customizer.

.x-navbar-inner {
	background-color: red;
}

Replace the red with your preferred color.

Actually the main menu and submenu has the same size (12px), but the main menu are all uppercase hence it looks bigger.

Add this custom CSS to make the submenu uppercase as well.

.desktop .sub-menu a {
	text-transform: uppercase;
	letter-spacing: 1px;
}

Hope it helps, Cheers!

[belayachimarouane]

Hello, it’s not the navbar color that I want to change.

Let’s say I want to go to a page in the sub menu, I want the main menu item to be highlighted while visiting the sub menu pages.

Thank you

[belayachimarouane]

I want to know how to keep the current menu item navbar highlighted on visiting sub menu pages…

Many thanks

[Paul R]

Hi,

You can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(function($) {
    $('.current-page-parent').addClass('current-menu-item');
});

Hope that helps.

[belayachimarouane]

Hello,

Thank you for helping me out but the code didn’t work. 🙁

[Lely]

Hi There,

Please try to update above code to this:

jQuery(function($) {
    $('.current-menu-parent').addClass('current-menu-item');
});

Hope this helps.

[belayachimarouane]

Fantastic thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts