New Landing › How can we help? › Atelier › full width photos not appearing correctly on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • January 30, 2017 at 2:08 am #311767
    mastudio
    Member
    Post count: 14

    Hello,

    The full width/row background images on our 1 page site are not showing up on the iPad within Firefox or on iPhones within Safari or Chrome. Instead of photos, we see colored backgrounds. Is this due to paralax settings; Could you advise?

    Thanks for your assistance,

    Mary

    January 31, 2017 at 3:56 pm #312057
    David Martin – Support
    Moderator
    Post count: 20834

    Hi Mary,

    Can you screenshot exactly what you see(or do not see) on your device?

    February 6, 2017 at 6:21 am #312665
    mastudio
    Member
    Post count: 14
    This reply has been marked as private.
    February 7, 2017 at 10:46 am #312844
    David Martin – Support
    Moderator
    Post count: 20834

    Please test this, please add this to Theme Options => Custom CSS:

    @media only screen and (max-width: 767px) {
    .spb-row[data-image-movement="fixed"] {
        background-attachment: local !important;
    }
}
    February 7, 2017 at 9:00 pm #312932
    mastudio
    Member
    Post count: 14
    This reply has been marked as private.
    February 9, 2017 at 4:24 pm #313180
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    You have copied it in wrong. Please compare the screenshots to my code.

    I have amended this for you. Please clear your device cache and re-test.

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.