Resize image based off screen size

I’m having difficulty having my full image show when the screen size is changed. I’ve already reset my column layout to only show 1 column on smaller screens but it is cutting off my picture top.

I’m not sure what the best setting would be to ensure 100% of my picture shows regardless of what size screen is viewing it. Any suggestions?

Desktop View (does not cut off top of image)

Mobile Wide Angle Screen (does cut off top of image)

Hi Kimberly,

Thanks for reaching out!

Would you mind sharing the admin credentials so that we can check your image settings? To do that, please give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

Just added a secure note to my previous reply with info.

Hello Kimberly,

You should be using contain for the size and bottom right for the position of your background image.

You may also remove the bottom padding in your section settings if you want the image to top to the next section.

Hope this helps.

Thank you, that worked perfectly.

Is there a help article that explains all the different wording options for the size and position box? That would be very helpful.

Hello Kimberly,

It is best that you check out our video tutorials here:

Best Regards.

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