Featured PAGE image gets cropped in both dimensions instead of resize (responsive design)

TobyL37 · June 2018

Hello Community!

I have a problem with the featured image for a page (background image) being cropped in both dimensions when changing to a smaller viewport size or change to a mobile device resolution.

I would rather have the image resized, showing as much of the image as possible and not losing information on both sides as well as the top and bottom.

I tried to restrict the Theme Settings Blog, Portfolio, Shop and changed both settings to RESIZE only. No changes.

Please help.

TobyL37 · June 2018

I found a workaround but I am not sure if this is a pretty solution:

#Header_wrapper {

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

Bryan · June 2018

Hi,

you can change the header background image size in theme options>header&subheader>header

If this does not help, send us a link to your website

cheers

Featured PAGE image gets cropped in both dimensions instead of resize (responsive design)

Comments