Subheader | Image auto-resize

RafaelSacco · June 2020

How to set Subheader | Image to auto resize depending on browser size and screen size?

Mine looks on in a 22" screen but it crops in a 14" screen.

https://f5techservices.com/impactmachinev2/about-us-2/

Bryan · June 2020

Hey,

go to theme options>subheader and set the background size property to "cover"

Note that it will not be fully visible because it is a background image, this does not work like a normal image.

You can also use "contain" but this could cause problems.

thanks

RafaelSacco · June 2020

It works. Thanks.

RafaelSacco · June 2020

By the way, is it possible to set different background size property for each page?

ex: one page I set as "cover" and other pages I set as "contain"?

Pablo · June 2020

Not at all, there is no option to change it on single page, but you can create a CSS code and attach it in the field dedicated to the custom css while editing the page, see the screen:

https://prnt.sc/t8y7rs

thanks

Subheader | Image auto-resize

Comments