Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
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 😍
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
This is an accepted solution.
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!
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 🙂
This is an accepted solution.
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 😍
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
hello @PurpleHeartDes
your store is not opening .please send me the working URL.so i can fix the issue
thanks
updated
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024