Making mega menu second level heading bold and level

[charliesidwell]

Hi,

 I am trying to make the second level menu options in my megamenu bold (All Earrings, Necklaces and Bracelets).  I also want to move 'Bracelets' up a little to be in-line with the other 2 sub-headings as it seem to be lower.

Really appreciate anyone that can help me. 

Thank you

[Rahul_dhiman · Accepted solution]

Hello @charliesidwell 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-list.menu.css
add this code at the end of the file.

.megam-style-3 .header__submenu-sub summary.header__menu-item {
font-weight: 1000;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Moeed]

Hey @charliesidwell 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[charliesidwell]

clovello.com

[Moeed]

Hey @charliesidwell 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.megam-style-3 .header__submenu-sub summary.header__menu-item {
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    font-weight: bolder !important;
}
.header__submenu-main>ul>li>.header__menu-item {
    font-weight: bold !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman · Accepted solution]

Hello @charliesidwell 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-list.menu.css
add this code at the end of the file.

.megam-style-3 .header__submenu-sub summary.header__menu-item {
font-weight: 1000;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sangeetanahar · Accepted solution]

hello @charliesidwell 

Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-list.menu.css
add this code at the end of the file.

.megam-style-3 .header__submenu-sub summary.header__menu-item {
font-weight: 1000;
}

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[charliesidwell]

Thank you, could you also confirm how I would arrange the 4 links on the collections menu dropdown to be in one aligned column instead of spreading across 3 columns? 

[Sangeetanahar]

hello @charliesidwell 

please give me the password

thanks