How to change font size for desktop only

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 Partner
2305 834 907

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now