Docs

[bedingfield]

Morning,

Could you tell me how I would be able to add bold emphasis to my sub-menu headings please? See attached. Group Training, Racing etc.

Also when I select a page from the menu, how can I make the main menu title ‘The Club’ remain in active state?

Thank you.

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[bedingfield]

elyrunners.club

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.desktop .x-nav .x-megamenu>.sub-menu>li>a {
    font-weight: bold !important;
}

Let us know how it goes.

Thanks.

[bedingfield]

Sorry, should have said that those items are not active. They are just headers for active links below.

Also, when I select a page from the sub-menu, how can I make the main menu title ‘The Club’ remain in active state?

[Jade]

Hi there,

The code above works correctly as I tested in the console. See screenshot below:

To make the the submenu item to be in active state when the page is open, please add this in the customizer:

.x-navbar .desktop .sub-menu li.current-menu-item > a {
    font-weight: bold;
}

Hope this helps.

[bedingfield]

ah, sorry, I meant top level menu. So if I select a page with ‘The Club’ top level menu, when I click on ‘membership’ for example and go to that page, I would like ‘The Club’ to remain highlighted, so user knows which section they are within, without the need for breadcrumbs.

See below, with this link, I would like ‘The Club’ to be active as the page is within that section. Below, it isn’t.

http://elyrunners.club/benefits-of-membership/

Thank you

[Rupok]

Hi there,

Thanks for writing back. It would be a bit tricky. You can try something like this :

.page-id-988 .menu-item-970 > a {
  font-weight: bold;
}

You need to do this for individual pages for specific menus. It’s because it’s not usual feature.

Cheers!

[Author]

Posts