Background Image Resizing on Mobile and Distorting

Support
#1

I have created a site where I have added a background image that I want to be responsive to browser size, but is constrained to the length/width ratio of the original image. I want to have a set minimum width, so that when the browser shrinks, the image does not distort.

How can I make this happen?

#2

Hello @pjammer65,

Thanks for writing in!

As there are multiple licences on your account, it’s a bit difficult for me to take a closer look at the issue you are facing with background image on website. I suggest you to take a look at following resource:

https://www.w3schools.com/cssref/css3_pr_background-size.asp

In case problem is still there, please share website url for us to take a closer look.

Thanks.

#3

Thank you for the quick reply. Below is the link to the current site. As you can see, the background scales to certain point and then starts to distort.

Thanks!

#4

Hi @pjammer65,

Unfortunately, the URL with the issue is still missing on your reply. Did you miss it somehow?

#5

Sorry about that

http://www.merisiwines.com/

#6

Hello @pjammer65,

Thanks for updating the thread.

I checked the website and can see the issue of background image. I suggest you to please take a look at solution shared in following thread:

Thanks.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.