I am using your Vitality template and duplicated the style page to create a homepage with a full screen header image on the home page. It looks fabulous on desktops, tablets and landscape phones. On portrait phones, however, the image is too wide so that only a portion fits. To try to fix this, I pasted the following code into the Phone (Portrait) Custom CSS field in the Responsive Options tab:
.vegas-slide-inner {
height: 300px;
background-size: 150% auto !important;
}
The image was tiny at 100% so I increased it to 150% to make the image wider. This left a lot of space above and below the image. The height line eliminated a lot of white space above the image, but a large amount of white space still exists below the image (see screenshot). Is there a way to fix this and/or a better way to address the issue of displaying the image in the Phone (Portrait) mode? Thank you!
Steven
- sjudelson
- Commercial Templates
- Friday, 04 August 2017
- Subscribe via email
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!