Megamenu: Bold Titels - Question | JoomShaper
Back to the questions

Megamenu: Bold Titels

S

Seppe

Helix Framework 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?

0
11 Answers
Order by
Oldest Newest Votes
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 year ago #172436

Hello Seppe,

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

  1. Add Custom Class: Assign a custom class name, such as 'mega-menu-bold-text', to the menu items you want to bold. prnt.sc/d5MENNGPX9sY

  2. 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!

0
S
Seppe
Accepted Answer
1 year ago #172450

Thank you I will try as quick as possible

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 year ago #172460

Have you follow the 1st step?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 year ago #172095

Please provide your site url

0
S
Seppe
Accepted Answer
1 year ago #172312

Good afternoon Please find info below

thanks in advance

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #172442

BTW

  1. You should be able to do that from Template Options > Typography > Navigation > there is "Bold" icon if you have chosen a font there.
  2. 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;}
0
S
Seppe
Accepted Answer
1 year ago #172452

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"

0
S
Seppe
Accepted Answer
1 year ago #172461

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.

0
S
Seppe
Accepted Answer
1 year ago #172464

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

0
S
Seppe
Accepted Answer
1 year ago #172458

Yes, this works. Thanks.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #172463

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.

0