Reply To: Fluid image on mobile

[Tom]

Hi there,

Usually the parallax effect isn’t desired on mobile – a little too flashy for such a small screen.

Depending on the aspect ratio of the image, it can look a little off on mobile because the aspect ratio of the header area changes as you reduce the size of the window.

You can try changing the background-size attribute on mobile, and see if you can find an value you like:

@media (max-width: 768px) {
      .generate-content-header {
            background-size: 100% auto;
      }
}

You can find more values you can try out here: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

Hope this helps 🙂