How to Fix Lander Animations to be Mobile Compatible? (6)
Hello,
I've ran into a slight problem while fixing up a lander I ripped on Adplexity Mobile. The lander is sweepstakes themed with 9 gift boxes the user has to click to open for a prize. It works seamlessly on desktop, however the boxes don't open on mobile, which is going to be my target for the offer.
It's still responsive on mobile with the gift boxes enlarging when you click on it, and it still redirects to the offer after clicking the scheduled three gift boxes. However, the lids of the boxes won't move and show the pop-up that labels them a potential winner.
I did notice the person running this offer targeted strictly Android devices with the lander, and I am using IOS, so I am wondering if that has anything to do with it. My programming knowledge is limited, so I am wondering how I would fix this problem.
I appreciate any help.
Please post a link to the lander so that I can check.
Ok. Here is what it looks like currently.
Lander
Still needs a lot of work done, but I don't want to put in the effort if it's unfixable.
For me, it does not work either on PC. The sides of the box do not appear like they do on the classic lander. This is probably because the corresponding picture is loaded dynamically in JS, so it was not ripped properly by Adplexity.
Anyway, @twinaxe has made this lander available here, ready to use, with a complete guide. I suggest you use his version, as it has been checked and tested.
https://stmforum.com/forum/showthrea...-Sweeps-Lander
Another thing, try not to add spaces in your URLs, you have one after "sweeps" and "TH". It can break some code, especially badly written JS (which is pretty common in affiliate landers, let's be honest 
). And you can spend hours to realize this is the problem. This is not required, but it is a best practice.
I just put up that classic lander and the gift boxes have the same responsiveness similar to the original I posted on my end at least. However, the new lander does work on mobile for me so I'll scrap that one I posted. Is there a way I can test landers to see what they look like on other browsers or for other people's devices? I never saw the issue with the gift box edges on desktop compared to seeing the classic one you shared, they look similar on my desktop on multiple browsers and VPN locations.
Also, thanks for the advice, I'll fix the URL issue. I made the mistake of putting spaces in the S3 files for sweeps and TH so they only appear in the browser when I put spaces in the URL.
Thanks for the help.
Home > Technical & Creative Skills > Programming, Servers & Scripts