Dawn Theme: Making items in the mega menu bold

Hi guys!

I’ve been trying to get 2 items in the mega menu bold but I can’t seem to figure it out.

I’d appreciate it very much if you can help me out!

Link to the site: www.umestudio.nl

Hi @umestudio

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets-> component-mega-menu.css

.mega-menu__link–level-2 {

font-size: 15px !important;

font-weight: bold !important;

}

Hope you find my answer helpful!

Regards,

PageFly

Hi @PageFly-Victor

Thank you for your fast response! It did make all the items bold, however I just wanted “Designer Favourites” and “Burning Red” to be bold, could you still help me out with this?

@umestudio

now please delete the old code i provided and try to add it again with this code

Add this css at the bottom

Online Store->Theme->Edit code

assets-> component-mega-menu.css

.mega-menu__list li:nth-child(5) .mega-menu__link–level-2 {
font-size: 15px!important;
font-weight: 700!important;
}

.mega-menu__list li:nth-child(6) .mega-menu__link–level-2 {
font-size: 15px!important;
font-weight: 700!important;
}

I hope it helps you

1 Like

Thank you! That helped :slightly_smiling_face:

Hi @PageFly-Victor

Sorry for the late message but this code also made 2 items under “Influencer’s Closet” Bold, do you have any idea how I can solve this? :slightly_smiling_face:

Thank you for taking time to help me out!

@umestudio

you can try this code

Add this css at the bottom

Online Store->Theme->Edit code

assets-> component-mega-menu.css

#MegaMenu-Content-1 .mega-menu__list li:nth-child(5) .mega-menu__link–level-2 {
font-weight: 100 !important;
}
#MegaMenu-Content-1 .mega-menu__list li:nth-child(6) .mega-menu__link–level-2 {
font-weight: 100 !important;
}

1 Like

@PageFly-Victor

Thank you so much! You’ve been a big help :slightly_smiling_face:

1 Like

Hi there!

I was wondering if you wouldn’t mind helping me out. I tried following your steps but I get a different look than what I had. I am simply looking to just make the first Side Bar Menu Header Bold. Circled below is an example. I am using the Dawn Theme. Any help would be so greatly appreciated :smiley:

Oh @AdoraFJ , I thought the problem is solved so I missed your last message.
Can you share the URL that I can check it for you?

Thank you so much! Somehow we got it figured out. I appreciate your help!

Thank you, this was a great help to me. Incase others are not sure ‘li:nth-child(5)’ relates to the menu position. So (1) would be your first menu item sub heading.