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.
1 Like
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!
1 Like
@PurpleHeartDes ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Result:
If it helps you, please like and mark it as the solution.
Best Regards 
WOW! Thank you so much for a speedy and articulate reply solving my issue!
Welcome! I had a hard time finding your correct store URL as well. 
updated! Thanks for pointing out the error - I have got you a coffee 