How can I decrease the mobile font size, while retaining the font size of desktop view?

Solved

How can I decrease the mobile font size, while retaining the font size of desktop view?

baynojayson
Excursionist
27 0 3

Hi Shopify Community!

 

I just wondering if you could help me decrease the mobile font size, while retaining the font size of desktop view? Here is my shop link : https://ingcostores.com/ .

 

I really do appreciate your help!!!

 

Sincerely,

Jayson

Accepted Solutions (3)

theycallmemakka
Shopify Partner
1690 407 426

This is an accepted solution.

Hi @baynojayson ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media (max-width: 768.98px) {
    body {
        font-size: 14px!important;
    }
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

namphan
Shopify Partner
1598 201 219

This is an accepted solution.

Hi @baynojayson,

Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:

@media (max-width: 768.98px) {
:root {
    --body-font-size: 14;
}
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com

View solution in original post

BSSCommerce-B2B
Shopify Partner
1962 564 564

This is an accepted solution.

Hi @baynojayson

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.4rem!important
  }
}
</style>

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

View solution in original post

Replies 7 (7)

theycallmemakka
Shopify Partner
1690 407 426

This is an accepted solution.

Hi @baynojayson ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media (max-width: 768.98px) {
    body {
        font-size: 14px!important;
    }
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

baynojayson
Excursionist
27 0 3

Wow!! Really thanks for your help my friend!! I do really appreciate your kind assistance 

baynojayson
Excursionist
27 0 3

Hi Makka. 

 

I am just wondering if this is possible for shopify, wherein in one store it could feature other website. https://www.abenson.com/

baynojayson_0-1730266405687.png

 

namphan
Shopify Partner
1598 201 219

This is an accepted solution.

Hi @baynojayson,

Please go to Actions > Edit code > Assets > main.css file and paste this at the bottom of the file:

@media (max-width: 768.98px) {
:root {
    --body-font-size: 14;
}
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
namphan
Shopify Partner
1598 201 219

Hi @baynojayson,

This is possible, would you like to add it here?

Screenshot.png

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
baynojayson
Excursionist
27 0 3

Yes correct 🙂 May I know if you could offer your service ? 🙂 

 

Thank you Namphan 

BSSCommerce-B2B
Shopify Partner
1962 564 564

This is an accepted solution.

Hi @baynojayson

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.4rem!important
  }
}
</style>

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