Home › Forums › Support › Fluid image on mobile › Reply To: Fluid image on mobile
April 8, 2015 at 3:53 pm
#96739
Tom
Lead Developer
Lead Developer
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 🙂