- This topic has 4 replies, 2 voices, and was last updated 4 years, 8 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Aspire Theme Support › Featured Section 1 Image Not Responsive
Hi,
I put an image in Featured Section 1 in the customizer, but the image does not automatically resize properly when changing window width on the browser. The image just cuts off.
Is there a setting I am missing? I followed the size requirements and the original images for the theme were responsive.
Thank you!
Hi, Do you have a link to your site I can take a look at?
The image size listed is really just a suggestion and not necessarily a requirement. Some images may need to be set at different sizes in order to show up properly.
Also, the Parallax code makes it kind of difficult for smaller images to display if there is a lot of content on top. I’ll need to take a closer look at what’s going on in order to know exactly what the issue is.
Hi,
Were you able to take a look at this? I just don’t see the difference from the sample background images except for our image is not as deep.
Thanks.
Just took a look. Usually when you have an image with text like this, it’s better to add that image inside of the widget itself (inline) rather than have it as a background.
Background images that are responsive or designed to adjust with the browser sometimes won’t show certain parts of the image due to the size of the visitor’s browser. Browsers do their best to resize background images to fit the screen without stretching the image or losing too much quality.
Since the text in your image is wide, there isn’t much the browser can do to show all of it as a background while still showing the full height on a narrow browser…..unless it’s added as an inline image.
I would probably add a BLACK background image for the widget, and then add the image with the text inside the widget using the Custom HTML widget. <img src="LINK_TO_YOUR_IMAGE.png" alt="">
Let me know if that helps.