Header Background Image

verena_schwoerer_2501 · July 2017

Is there any possibility to set the Page Header Background image responsive. At the moment all Header Images are not scaled only center cropped.
What setttings will the Images scale?

Bryan · July 2017

Hi,

you would have to set the image-size to contain from cover.

thanks

verena_schwoerer_2501 · July 2017

makes no differenz, is it possible to get a screenshot from the setting

verena_schwoerer_2501 · July 2017

here some results
pic is cropped
and scale not relative

Bryan · July 2017

Edit this section, and set the background-size to contain. Please also send a link to this page.

verena_schwoerer_2501 · July 2017

From external the off-page is active. We are not Live and check at the moment the theme options.
So it is not possible to sendd a link, you will see only the Under contruction page.

What we need is the information in which size we must upload the header pics to have no lost or cropping. Alternate, the info at which point we can adjust and fix the size and detail of the image

Bryan · July 2017

Hi,

You cannot have a dimension that will fit all images, this is just not possible. Either use cover or contain background size.

thanks

verena_schwoerer_2501 · August 2017

Hi,

unfortunately this also makes no difference. No matter the settings, the picture acts in a weird way (as desccribed above).

If i change the padding, for example right/left padding, all 4 edges receive the value, which also is an unwanted effect.

So what settings do we have to adjust and what pic dimension is required? The use of cover or contain alone doesn´t solve the problem.

Thanks in advance

EDIT: What i need to know is width-to-height-ratio of the picture to prevent distortion.

Bryan · August 2017

There is a background size option "cover for >1240px" the it will set to contain.
Background images never were responsive.

verena_schwoerer_2501 · August 2017

is there a possibility to work around that? in the header section, i could use an item wrapper with an image, so no background image in the section.

is the same possible for banners with headlines? can i lay a column over an image?

verena_schwoerer_2501 · August 2017

The Template is as responsive published, we dont understand why Container with background image are not scaling. The cropping on left and right side cuts the image message...
Is ther any planings to implement the functionality?

Bryan · August 2017

As I said before, the background in css is not responsive, the least you can do is set the background size to: contain. This way it will scale with the window. You have set it to cover, there is no possibility in the whole universe for it to be responsive.

Header Background Image

Comments