Animations do not load on mobile with fixed background

  • Hi,

    So I have added the following CSS to my site in order to maintain a fixed background on mobile devices:

       @media only screen and (max-width: 758px) {
           html, body {
	width: 100%;
	height: 100%;
} 
            #site-wrapper {
                background-image: url(https://entifydesigns.com/wp-content/uploads/2017/06/bronze_mobile-1.jpg) !important;
                width: 100%;
		height: 100%;
		overflow: scroll;
            }
        }

    The issue is, with that code active, specifically it seems the html,body bit, some of my animations do not work and the content does not appear. The page is made up of three main parts, the top divs (home1, home2-3) load fine. The middle (middle-stuff) and bottom (why-us) do not load at all. Please advice, I am driving myself nuts trying to figure out why. Thanks!!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author eleopard

    (@eleopard)

    Dear Dabookbinder,

    Thanks for using Animate It!

    I checked https://entifydesigns.com and this is indeed a strange issue.
    Just for a hit and trial, could you please try setting the Scroll offset of the animation to 0 (zero).

    Let me know if this resolves the issue.

Viewing 1 replies (of 1 total)
  • The topic ‘Animations do not load on mobile with fixed background’ is closed to new replies.