Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 12, 2015 at 6:13 pm #517559
    danfarberoff

    Hi
    I get an unwanted background image on mobile Android. For some reason an image used as background for one of the color sections on my website (#team) is used in mobile view as background for complete site.
    Thanks

    October 12, 2015 at 6:16 pm #517561
    danfarberoff

    Problem is in Firefox for Android, v 41.0

    October 12, 2015 at 9:11 pm #517692
    Basilis

    Hey!

    I could not see it on Chrome / Safari iOS. Can you please provide a screenshot?

    Best regards,
    Basilis

    October 13, 2015 at 10:37 am #517940
    danfarberoff

    Problem is in Firefox for Android, v 41.0
    See screen grabs below. Should be black background instead of b&w hands image.
    Thanks.

    October 13, 2015 at 4:51 pm #518180
    Ismael

    Hi!

    Please edit the color section with the background then add a unique id in the Section ID field. Use “custom-section” for example. Add this in the Quick CSS field to fix the background:

    .avia-android #custom-section .av-parallax {
    display: none !important;
}

.avia-android #custom-section {
    background-image: url(https://consciousflowfestival.com/wp-content/uploads/2015/02/CFF-hands.jpg);
    background-attachment: scroll;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    This will disable the parallax effect on android device. Remove browser cache before testing the page.

    Cheers!
    Ismael

    October 13, 2015 at 5:27 pm #518219
    danfarberoff

    Thanks. Works like a charm.

    October 14, 2015 at 6:30 am #518498
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Background Image Mobile’ is closed to new replies.