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.
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 ,
Share the store URL…
Did you mean this or the myshopify one?
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
Hi,
Thank you so much yes it worked but I only want it for “collections” and “apparel”
How could i achieve this?
many thanks
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;
}
you can replace it by
ul.mega-menu__list.page-width > li>a{
font-weight:bold !important;
margin-bottom:16px !important
}
1 Like
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;
}