All things Shopify and commerce
Hello guys, how can I adjust the font size of this text for mobile users?
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;
}
}
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!
Hello Websensepro, thank for answering my question but that code does not work for me!
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!
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
Best,
DaisyVo
Result
Thaks DaisyVo, but this code does not work for my product page
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.
Thank you very much AbdulHadi123
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025