How do i get the two main headers in the dropdown menu to be bold?

[maniuk]

How do i get the two main headers in the dropdown menu to be bold (collections and Apparel)? Also how can i add a gap between the word collections and shop all without creating a blank menu item in between them.

many thanks.

[ExpertRookie]

Hi @maniuk 
Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.

[maniuk]

Did you mean this or the myshopify one?

https://moziakclothing.co.uk/

[oscprofessional]

@maniuk ,

Share the store URL...

[maniuk]

https://moziakclothing.co.uk/

[PageFly-Victor]

Hi @Maniuk

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

Please remove a blank menu and code

-Go to Online Store->Theme->Edit code

-Asset-> base.css  paste the below code at the bottom of the file.

ul.mega-menu__list.page-width li>a{

font-weight:bold !important;

margin-bottom:16px !important

}

Hope my solution works perfectly for you!

Best Regards;

PageFly

[maniuk]

Hi,

Thank you so much yes it worked but I only want it for "collections" and "apparel"

How could i achieve this?

many thanks

[ExpertRookie]

Hi @maniuk 
if you only want to add bold for the main menu item
You can try to add this code to bottom of the base.css file

.mega-menu__list .mega-menu__link--level-2{
font-weight: bold;
}

[PageFly-Victor · Accepted solution]

you can replace it by

ul.mega-menu__list.page-width > li>a{

font-weight:bold !important;

margin-bottom:16px !important

}

[oscprofessional]

Hello @maniuk 

Try this code: It will be helpful to you -

Go to the online store > Theme> Settings> Edit Code> base.CSS > Add code in this file.

ul.mega-menu__list.page-width>li>a {
font-weight: 900! important;
margin-bottom: 6px !important;
}