How to disable header scaling on different devices

  • Hi,
    I’m quite new to WordPress so I decided to use this theme for my website.
    I set everything up correctly following the official tutorials. I have only one problem,
    when I view the main page from PC everything is ok, the header takes up all the space of the screen and the photo I have set can be seen in its correct size. However, when I view the site from my smartphone, the header still takes up all the space on the screen, but the image is enlarged to leave no empty spaces. I would like the photographs not to be enlarged depending on the device, but I would like them to remain in their original state, changing the size of the header and not letting it take up the whole screen.
    There doesn’t seem to be an option in the personalization settings to set this.
    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Dumitru Brinzan

    (@ilovewpcom)

    Hello,

    What you are describing is called “being responsive”. This theme, just like the majority of modern themes, are adjusting to whatever screen size they are viewed on.

    This theme displays the slideshow and the featured image at 100% height of the screen. To accommodate this, the image is cropped via CSS, so that the center stays visible at all times, while the sides are cropped out depending on the screen size.

    This is an essential part of the theme, which is why there is no built-in control to disable it.

    Best regards,
    Dumitru B.

Viewing 1 replies (of 1 total)
  • The topic ‘How to disable header scaling on different devices’ is closed to new replies.