- This topic has 3 replies, 3 voices, and was last updated 2 years, 1 month ago by
.
-
Posts
-
Hi All
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.
https://www.buyatree.com.au/wp-content/uploads/2021/02/BAT_Valentine.jpg
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!
Hi there
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.
.front-page-1 {
height: 68.60vw !important;
max-height: 100vh !important;
}This will help to maintain the aspect ratio of your main image.
- You must be logged in to reply to this topic.