MAKE TOP LEVEL MENU ITEMS BOLD ON MOBILE VIEW - SENSE THEME

[PurpleHeartDes]

Hi Guys, 

I have been struggling to make my "level 1" menu items bold on mobile view. My "level 2" items (eg: earplugs, hearing aids, earbuds, etc) I need to remain normal font instead of bold. I have managed to make them bold on desktop but not mobile. I only need "EARRINGS", "CHAINS", "RINGS" and "ACCESSORIES" to be bold. 

I am using SENSE theme

My store is www.purpleheartdesign.shop

Thank you so much! 

I've attached screenshots to show my issue.

[Made4uo-Ribe · Accepted solution]

Hi @PurpleHeartDes 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.menu-drawer summary.menu-drawer__menu-item {
    font-weight: 800;
}
}

And Save. 

result:

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

[Made4uo-Ribe · Accepted solution]

Hi @PurpleHeartDes 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.menu-drawer summary.menu-drawer__menu-item {
    font-weight: 800;
}
}

And Save. 

result:

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

[PurpleHeartDes]

WOW! Thank you so much for a speedy and articulate reply solving my issue!

[Made4uo-Ribe]

Welcome! I had a hard time finding your correct store URL as well.😅

[PurpleHeartDes]

updated! Thanks for pointing out the error - I have got you a coffee 🙂

[BSSCommerce-B2B · Accepted solution]

@PurpleHeartDes,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
details summary {
  font-weight: bold;
}
</style>

 Result:

If it helps you, please like and mark it as the solution.

Best Regards 😍

[PurpleHeartDes]

updated