Header image resizing instead of cropping

  • paulc1234

    (@paulc1234)


    6 years, 7 months ago

    Hi, I have set the background image to load in perfect position on a 15″ laptop screen (so the chop stick goes behind the logo under letter “sushi” and the watermarked part of the image allows you to see the navigation bars).

    However once resizing the width of the window or viewing on mobile this alignment completely goes out the window.

    The image is cropped when reducing the window width which is causing the issue, is it possible to just reduce the image size instead so it stays in proportion to the rest of the page?

    Would like to add this css in the “additional css” section if possible.

    Thanks.

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

Viewing 1 replies (of 1 total)
  • Jarret

    (@jarretc)

    6 years, 7 months ago

    Hi, did you get this figured out? Looking at the site right now, the header image resizes for me when decreasing the browser width and looks to be about the same as when viewing the site on a larger screen.

    Or maybe I’m misunderstanding what the issue is entirely. If you’re still having the issue, are you able to grab a screenshot of what you’re referring to and sharing the image using https://snipboard.io or similar?

Viewing 1 replies (of 1 total)

The topic ‘Header image resizing instead of cropping’ is closed to new replies.