Solved Helix Framework

Megamenu: bold titels

Asked by Seppe 1 year ago Last activity 1 year ago

Good morning

I used on a new website the "mega menu".
Is there any way, to put the top items in the menu, in bold?

Accepted answer

Marked as the solution

Atick Eashrak Shuvo Staff

1 year ago · edited

Hello Seppe,

Here's how you can achieve bold text for the top items in your mega menu:

Add Custom Class: Assign a custom class name, such as 'mega-menu-bold-text', to the menu items you want to bold. https://prnt.sc/d5MENNGPX9sY
Add Custom CSS: add the following CSS code to your Template Options -> Custom Code -> Custom CSS

.mega-menu-bold-text {
    font-weight: bold !important;
}

This will make the specified menu items bold. If you need further assistance, feel free to ask!

Seppe Asked this

1 year ago

Thank you
I will try as quick as possible

Atick Eashrak Shuvo Staff

1 year ago

Have you follow the 1st step?

5 more replies

Atick Eashrak Shuvo Staff

1 year ago

Please provide your site url

Seppe Asked this

1 year ago

Good afternoon
Please find info below

thanks in advance

Paul Frankowski Senior Staff

1 year ago

BTW

You should be able to do that from Template Options > Typography > Navigation > there is "Bold" icon if you have chosen a font there.
OR , by Custom CSS

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-weight: bold;}

Seppe Asked this

1 year ago

Good morning
Oh, I didn't see that.
I checked the options on the MegaMenu in the template manager.
There I saw only a "badge" background and text color.
I changed it, but I didn't see any result.
Also in the help, there is no info about a "badge"

Seppe Asked this

1 year ago

I changed it in the typography, and all my links are now bold. but not the titels I wanted.
The titels that show the different menu's in the megamenu

also the custom CSS does the same

In the end, the titels are normal, and the menu-items are bold.

Seppe Asked this

1 year ago

Good morning Paul

the extra CSS-class adding from Atick did the job.

I'll keep this in mind, if older people have trouble reading, that I can change the typoghrapy to bold.
thnx

Seppe Asked this

1 year ago · edited

Yes, this works.
Thanks.

Paul Frankowski Senior Staff

1 year ago

So you want o make only titles in submenu bold ? If yes, indeed... different CSS is needed.
Next time please add link to screenshot and our life would be easier.

.menu_item.item-header > span {font-weight: bold;}

Anyway, in my opion the Main Menu Items also should be bolded. Especially if that site is also for older people (Seniors) ! Think about Accessibility and EU law regulations.

In the docs