Header image keeps resizing incorrectly

  • Resolved amandasfdcsolutions

    (@amandasfdcsolutions)


    4 years, 10 months ago

    We’re having major issues with the header image in that it only looks correct if the user is on a computer and has their browser set to a very specific dimension (150% on my computer but ymmv). If they zoom in or out on their screen at all it starts cutting off the image on the top and bottom. Since the image includes our page name and tag it looks really bad for it to do this. It also looks cut off on mobile browsers. Is there any way to make the image resize correctly so it always looks right no matter how zoomed in our out their browser is? I have tried different sizes for the image itself but that makes no difference.
    Thanks,
    Amanda

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

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @amandasfdcsolutions,

    The Hemingway header is set to a fixed height of about 356 pixels on desktop, but the width always stretches to match the full width of the screen. Because of this, the header has a different aspect ratio on different screen sizes, which results in the background image being cropped differently depending on the size of the screen.

    There’s no way around this in Hemingway – at least not without you hiring a developer that changes the header to use an image with a fixed aspect ratio, which retains that aspect ratio when the screen is resized.

    — Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Header image keeps resizing incorrectly’ is closed to new replies.

Tags