Hi,
I am using Polestar theme and when checking my site on mobile the images are not re-sized.
http://mamaland.co/
I have used 2 plugins for that and images are not still not optimized to the mobile sizes.
Can you please help me?
Thanks,
Kim
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi Kim,
Please open the SiteOrigin hero widget on your home page and open the Design and Layout settings group. Please enable Use FitText and set the FitText Compressor to 1. How does that look?
Hi Alex,
If I do that it adjust the text only, not the image size – I just tried it
In the home page I am using the image in the site hero widget
In the category part under blog I am using them in the row itself.
Is there a way to add a CSS or any other option for this?
Thanks,
Kim
Hi Kim,
In addition to the above (as that has definitely helped), you should reduce the padding being applied (ideally, I would use a percentage based padding so it’s bigger on desktop and smaller on mobile devices).
The hero widget is only as responsive as the contents and settings allow for it to be. Unfortunately, CSS backgrounds must maintain the height of the area they’re applied too which is why you need to be careful with the settings you’re using and the amount of content you’re adding to the hero widget. Ideally, I would also recommend reducing the amount of text present.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.