How to change font size for desktop only

vanessalynn
Shopify Partner
1 0 1

I would like to adjust the font size for JUST the desktop version of my website.  I do not want it to effect mobile. 

 

Can someone help me with the appropriate code for this? I can't seem to find it anywhere, and I wish Shopify didn't make something so simple require so much work! 

 

Thank you!!!

 

 

 

 

 

 

Reply 1 (1)

BSSCommerce-HDL
Shopify Expert
726 239 250

You can follow these instructions to adjust the font size for only desktop:

1. Go to Online Store > Themes

2. Find the theme code - Actions > Edit code

3. Please add below code in the theme.css or styles.css file

@media (min-width: 768px) {
p {
font-size: 18px;
}
}

 

You can adjust the font size as needed. For details, you can send me the store link, so I can support you to add the code for you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency