How can I make sub-headings bold in Craft theme?

Solved

How can I make sub-headings bold in Craft theme?

OnlineToyShop
Tourist
10 0 4

Hi, im hoping to make these headings in my mega menu bold but can't find the correct code - is anyone able to help? https://theonlinetoyshop.co.uk/ its the headings 'Outdoor Toys' 'Indoor Toys' etc

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6841 1634 2014

This is an accepted solution.

Hi @OnlineToyShop 

Try this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "component-mega-menu.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.mega-menu__link--level-2 {
    font-weight: 900 !important;
}

 

And Save. 

Result:

Made4uoRibe_0-1704139285080.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 11 (11)

Justin-Simesy
Shopify Partner
39 8 3

Hi @OnlineToyShop. Hope you are doing well.

 

Please go to theme editor and put this line of code in "Custom CSS" section (https://snipboard.io/ew6bOp.jpg)

 

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

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
OnlineToyShop
Tourist
10 0 4

Thank you for your quick reply! Ive tried this but its not changed anything

Justin-Simesy
Shopify Partner
39 8 3

Hi. You've added it in wrong way.

 

It should be like that

 

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

 

NOT like that

 

<style> .mega-menu__link--level-2 {font-weight: 900;}

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
OnlineToyShop
Tourist
10 0 4

Thank you, i didnt add the style in previously but maybe i have messed around with the code... it seems to have worked on two category headings (namely Furniture and Ride On Toys) but not the others... they are also a little small? Thanks again 🙂

Justin-Simesy
Shopify Partner
39 8 3

Yes. I saw these lines of code in your component-mega-menu.css file

 

.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;
}

 

That make the "Furniture" and "Ride On Toys" bold and smaller than others.

 

Please check it.

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
OnlineToyShop
Tourist
10 0 4

Thanks, ok i have removed those now, included your customer CCS as you detail above but it has still not changed the titles in the sub menu to bold...

Justin-Simesy
Shopify Partner
39 8 3

Hi. I'm checking your online store but seems not able to find my code. Could you share where did you add it ? Thanks

 

Smartify - FREE Post Purchase Survey


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Website
OnlineToyShop
Tourist
10 0 4

Sure, see attached screenshot and its been added to the custom CCS section

OnlineToyShop
Tourist
10 0 4

OnlineToyShop_0-1704132646473.png

 

Made4uo-Ribe
Shopify Partner
6841 1634 2014

This is an accepted solution.

Hi @OnlineToyShop 

Try this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "component-mega-menu.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.mega-menu__link--level-2 {
    font-weight: 900 !important;
}

 

And Save. 

Result:

Made4uoRibe_0-1704139285080.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
OnlineToyShop
Tourist
10 0 4

Amazing thank you so much thats worked!