Home › Forums › All Other Themes › Naturo Pro – image aspect ratio problems on smaller screens
- This topic has 5 replies, 2 voices, and was last updated 6 years, 4 months ago by
Forum Moderator.
-
AuthorPosts
-
April 26, 2017 at 3:17 am #70229
http://livetothrive.ca/
Hello,
On my home page, there is an image that looks fine on a full size monitor. When scaled down to tablet or smart phone screen, it becomes squished up horizontally while vertically it stays the same height. The aspect ratio is not maintained while the responsiveness is doing it’s thing.
The image in question is of a yoga studio, is on the home page, and is directly above:
Thrive Studio Schedule
View today’s classes. View tomorrow’s. Book online.How might I maintain the image’s aspect ratio while responsive scaling is taking place?
Thanks.
April 26, 2017 at 7:31 am #70240Hi David,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:1024px) {
.welcome-wrap img { height:auto;}
}Regards,
ChrisApril 27, 2017 at 7:52 pm #70509Hi Chris,
That half fixed it. It maintains aspect ration at a few different responsive stages (ie. when you shrink the screen, the elements on the site reorganize themselves) but there is one where it gets all squishy still.
Any ideas?
Thanks for your help.
April 28, 2017 at 5:12 am #70542Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:1169px) {
.welcome-wrap img { height:auto;}
}Regards,
ChrisMay 14, 2017 at 2:04 am #72035That did it.
Thanks.
May 15, 2017 at 5:00 am #72061🙂
-
AuthorPosts
- You must be logged in to reply to this topic.