Matt Cromwell on "[Plugin: Give - WordPress Donation Plugin] Donation pop up far from top on mobile"

I have a small styling issue. When I click on the green donation button on mobile, I only see the overlay and have to scroll down to actually see the form.

I found that somewhere in the plugin css is being applied to a couple of divs, likely generated by PHP. But I can't find it. Can you take a look?

* Works fine on bigger screens.

https://skipthedanish.com/make-a-donation/

https://wordpress.org/plugins/give/

Which mobile OS are you using? I can't duplicate that behavior on an Android at all.

So when you click the donation button you see the form right at the top? Because when I inspect that element, it has a top:400px that's pushing it down.

I'm using Chrome on Android.

I see what you mean now. I believe this is related to the JS error I see on your page. If you open Chrome Dev Tools (on desktop), you can see an error regarding this script:
http://i.po.st/static/v3/post-widget.js

It's being loaded over HTTP instead of HTTPS. Try cleaning that up and hopefully that will resolve the issue with our lightbox.

It had no effect whatsoever on my phone, though I can't locate the css issue anymore and the Inspector behave right in responsive-mode. I don't have any caching on the site, so it can't be what's interfering.

OK, I dug into the CSS as deep as I could and I believe this is coming from the Cookie Law div. It's forcing the width to be about 20px wider than the screen width.

Try disabling that and check the Give modal again. If it works as expected then you'll know where to look to resolve the problem.

Let me know how it goes.