- This topic has 3 replies, 3 voices, and was last updated 1 year, 6 months ago by .
- You must be logged in to reply to this topic.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Using Infinity Pro template the 1st background image doesn't scale when reducing the size of the browser window or on mobile.
The Image has a top and bottom which are lost when the site is opened on a mobile device or you narrow up the page width.
Any suggestions please?https://www.buyatree.com.au/
Backstretch images will crop your image. So it's best not to use images that have written content on them. If you do, special treatment needs to be made for those images and will require customization of your theme to accommodate them.
Love coffee, chocolate and my Bella!
Anita, Thank you, Where would I find information about that customisation you mention?
A bit of a hack and not perfect, but should sort you out quickly.
Add the following css to the bottom of your style.css or whichever way you use for adding custom css.
height: 68.60vw !important;
max-height: 100vh !important;
This will help to maintain the aspect ratio of your main image.
© 2022 WPEngine, Inc.