I am running the Supply theme. I have created a newsletter pop up form with MailChimp. When I paste the code given by MailChimp into my theme.liquied the popup works fine on a PC. The problem is when viewed on a phone, a portion of the popup resides behind my navigation bar. Specifically, the Close button, so the only way that customers could close the popup would be to subscribe. So, I have removed the code for now.
Is there somewhere I could place the code that would maybe move the popup down the page, so that the Close button doesn't hide behind the navigation bar? Or even have it pop up on top of the bar?
Here is the code they gave me:
Any help would be greatly appreciated.
I just ran into the same problem and the issue lies in the z-index property of the mobile nav bar. To fix the problem will require you to make a few simple edits in the underlying timber.scss.liquid and ajaxify.scss.liquid
The MailChimp popup modal has a z-index of 1002 and thus by setting the above to 1001 and 1000 the MailChimp popup will overlay the floating mobile navigation bar. I also set the Opacity to 80 in the MailChimp popup form settings so the "Close" on the popup form is easily visible.