How to adjust font size for mobile

How to adjust font size for mobile

NikosBat
Navigator
481 1 105

Hello guys, how can I adjust the font size of this text for mobile users?

 

1.png

Replies 7 (7)

websensepro
Shopify Partner
2127 265 317

Hi @NikosBat 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

@media(max-width:768px){
.scrolling-image-heading-template--24500677214540__scrolling_images_NhJzhr h2 {
    font-size: 17px !important;
}
}

websensepro_0-1747999523873.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
NikosBat
Navigator
481 1 105

Hello Websensepro,  thank for answering my question but that code does not work for me!

websensepro
Shopify Partner
2127 265 317

Hi @NikosBat 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:768px){
.scrolling-image-heading-template--24500677214540__scrolling_images_NhJzhr > * {
    font-size: 16.1px !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales!  (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

DaisyVo
Shopify Partner
4460 499 596

Hi @NikosBat 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.min.css and add this code at the end of the file

 

@media (max-width: 768px) {
.gallery-heading-template--24654172291404__ss_gallery_1_HEe4YM strong {
    font-size: 15px !important;
}
.gallery-subheading-template--24654172291404__ss_gallery_1_HEe4YM p {
    font-size: 14px !important;
}
}

 

Result 

DaisyVo_0-1748000639577.png

 

Best,

DaisyVo

 

 

Result 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
NikosBat
Navigator
481 1 105

Thaks DaisyVo, but this code does not work for my product page

AbdulHadi123
Tourist
3 0 1

There are multiple ways to adjust the font size on your mobile. Here's the script on Xeno Executor that can be more than beneficial to make your mobile screen and font problem resolve.  

NikosBat
Navigator
481 1 105

Thank you very much AbdulHadi123