Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #308234
    Leonie
    Participant

    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

     

     

     

    #308242
    tikaram
    Participant

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

     

    Regards,
    Tikaram

    #308243
    Leonie
    Participant

    Hi Tikaram,

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

    Regards

    #308376
    Leonie
    Participant

    Hi,

    have you already found a solution for my problem?

    Kind regards!

    #308379
    Leonie
    Participant

    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!

    #308403
    tikaram
    Participant

    @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;
        }
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Same image size for each device’ is closed to new replies.