[Leonie]

Hello,

we would like to have the theme for the header image/picture to have the same image section on all devices.

On the iPhone view, the entire 1920 to 1080 image is displayed but on the desktop view, only a portion of the image is displayed. How can we display the entire image on the desktop page as well?

Thanks for the help

 

 

 

[tikaram]

@nf_artists_ : Please post in your site URL so that I can check for issue and provide you the fix.

 

Regards,
Tikaram

[Leonie]

Hi Tikaram,

the site URL is https://nf-artists.com

Regards

[Leonie]

Hi,

have you already found a solution for my problem?

Kind regards!

[Leonie]

I have the same problem with any picture I use at any place, e. g. with the company logo in the website information: It is displayed in its full size in the desktop version, but only a part of it is displayed in the mobile version.

Usually any picture I use has to be displayed the same, independent from the device I use, right?

Kind regards!

[tikaram]

@nf_artists_ :  Login to your WordPress admin section.

Go to Appearance => Customize => Additional css and add the following css.

@media only screen and (min-width: 1200px) {
   .custom-header {
       min-height:100vh;
   }
}
@media only screen and (min-width: 480px) {
    .custom-header {
       min-height:75vh;
    }
}

[Author]

Posts