Responsive Header background image

Hi Experts,

is it possible to set up header image as responsive header picture, with full width stretch ? I tried with “Contain” option but nothing works…

If it’s not possible what size of picture to choose to best fit all devices (more than 1920*600) ?

ExcelRaport.pl

Regards,

Paul

Hello Paul,

I have just checked your website and I think that your header image is okay now.

Please check this topic:
https://wordpress.org/support/topic/screen-resolution-4/

It should be possible to show whole image, but it won’t fill whole screen.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

could you provide me with the active link from your post:

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

One more example to show what I mean:

This is how oryginal picture look like: 1920x600 px

This is how it’s display on 23 inches monitor with 1920x1080 resolution (with header hight 620 px)

Same monitor with resize mozzila window to 1280/720

Regards,

Paul

Hello Paul,

  1. It looks like that w3schools functionality is broken now.

  2. That is default header image behavior. Modifying requires some coding and testing, this goes beyond our support policy. It’s considered advanced customization.

As an option, you can contact Codeable for this kind of service, or find a freelancer on Upwork.

Kind Regards, Roman.

Thanks Roman.

Regards,

Paul

You are welcome Paul,

Kind Regards, Roman.