[Resolved] Fluid image on mobile

Home Forums Support Fluid image on mobile

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #96670
    federico alessandro galli

    Hi everyone,
    sorry for my english 🙂

    I’ve a problem when I use a page image header, and set on fluid… it works really good on web-site, but not working on mobile…is static and don’t have the parallax effect..

    Thanks for any idea to solve it!

    GP is amasing I’m using all add-ons and is magic

    #96674
    federico alessandro galli

    I forgot to check Notify me of follow-up replies via email… so i comment again.. 😛

    #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 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.