A user encountered a font-size issue in Shopify’s “image with text” section where text displayed correctly on desktop but appeared oversized on mobile devices. They included screenshots showing the discrepancy between desktop and mobile views.
Another community member offered to help and requested:
The original poster clarified they were working on a draft homepage theme and provided a preview link.
Resolution: The user independently found a solution to fix the responsive font-size issue before receiving further assistance. The thread concluded with the problem resolved, though the specific fix was not shared.
Hey there,
I hope everyone is doing well. I have an issue with the font-size of my section. When I open on desktop the text is fine, but when I do the same thing on mobile, its crazy…
Is there a way to write a custom CSS code, so I can handle the issue with the size of the font?
I am uploading two images, the first one is from desktop and the second from a mobile.
I hope there is an easy solution, so I can fix it asap. Thanks in advance!
Cheers,
KRAFTIO
Hey @Kraftio_BG
Can you tell me that on which page do you have this image with text section?
Best Regards,
Moeed
Hey @Moeed ,
I am using it in the home page, but I haven’t uploaded the theme that I am customizing it. It is the first section of the landing page. I am using “Image with text” section.
I don’t see this exact section on your website, do you have it disabled? Or if you’re using it in a draft theme then can you just simply share the preview URL of the draft theme you’re working on?
Best Regards,
Moeed
@Moeed , sure I will.
This is the preview link: https://d6b7jzxmfftabit8-91934163284.shopifypreview.com
Hey @Moeed , I just found a way how to fix it. Very glad and thankful on your way to help me out. I highly appreciated it.
Have an amazing day!
Cheers,
KRAFTIO
