Hi, I recently created my first animation with Hype and it turned out great, but I really need some help because it’s an animation of my logo and if it doesn’t work then my website will have no logo. The animation is displayed in the header section of my website where most logos go. I created several responsive layouts so as you resize the browser window, the logo animation will resize. The largest layout I created is the 1200px and above. I have a macbook pro and a regular mac. When I test it on my macbook pro it looks great, but on my mac, which is a much larger monitor (approximately 1295 px width) the logo animation doesn’t show up. Also, it doesn’t show up on my iPhone 5s either, even though I created a layout for the iPhone. I have two questions:
My first question is why didn’t it show up on the larger monitor and iPhone when I created a 1200px and above layout and an iPhone layout? By the way, I tried it in Safari and Chrome on my laptop and it worked, but using the same Safari and Chrome on the regular Mac, does not.
My second concern and question is what are my options for when the logo animation doesn’t appear at all due to browser incompatibility? I cannot have my website display without a logo. That would look really bad. Is there anyway I can show a png of my logo if it doesn’t show up? If so, how could I do this? I hope it’s easy. When I created my Hype animation, I used png files rather than svgs.