Main page picture doesnt fit screen on some computers

Support
#1

Thanks for the reply! How would I make this change then? I believe my picture is big enough so that if it resizes automically, it should still work. Do I just add this onto the CSS?

#2

Hello Tommy,

Thanks for writing in!

Are you referring to the hero image in your homepage? I would suggest that you check out how background image works so that you will understand why it does not display full image in some screens. With Background image you can hardly achieve a total responsiveness without compromises. I would like you to try this demo here: https://davidwalsh.name/demo/background-size.html which would explain how background image works.

we use the background-size: cover; which would cover the whole area of the container. This is responsive enough which will always covers the whole area. The only thing to consider here is that if your image size is smaller, it will be stretch out and if you have a bigger image, it will get cut off.

Yes we can use background-size: 100% 100%; which is also responsive but your image will either be stretch out or get squeezed depending on the size of the container.

Yes we can also use background-size: 100% auto; but then as soon as you resize your browser or on smaller screen sizes, you will probably have white spaces around the image.

Or we can also use background-size: contain; but then this is not a good choice because you will see white spaces around your image.

Hope this helps.

#3

How would I make this change? Do I just copy and paste background-size: 100% 100%; into the global css?

#4

Hi,

You can add it in your section’s background settings.

Make sure that advanced mode is enabled.

Thanks

#5

I have advance settings on but I do not see the section portion where I can change the size & position

#6

Hello Tommy,

Thanks for updating the thread.

I have recorded a screencast that you can take a look. In case you still don’t see the option then please share website login details in secure note for us to take a closer look.

Thanks.

#7

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