Header background image not displaying well on mobile screen

  • Resolved emeshto

    (@emeshto)


    2 years, 10 months ago

    Hi Experts!

    I’m helping a client switch themes from Orfeo to Hestia. I’ve been trying to figure out why the header background image does not display centered at all on real mobile screens. It works fine when I’m editing it but when I check it from a real mobile screen, the image is not displaying the same way at all meaning it’s not centered at all.

    Has someone experienced this already? Any insights would be greatly appreciated.

    Thank you in advance!

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

Viewing 1 replies (of 1 total)
  • AC

    (@purplecodes)

    Themeisle Support

    Hello @emeshto,

    This is the expected behavior of the Hestia theme. The Big Title section is designed to be a full-width section and as a result, the background image is designed to cover the entire section, from top to bottom. This is the reason why the same big image can’t look exactly the same on every device. A small mobile device will not have the physical possibilities to display the entire picture, at the same time keeping the image ratio and all its properties. This is why, with some images, on mobile devices, some portions of the image may not be visible.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Header background image not displaying well on mobile screen’ is closed to new replies.