Orchid Design

+1 I need these plugins to work together so much! I’m only replying to get notified of new posts in this thread. Namaste.

@filterjoe thanks, mate.

Hi Caroline. I had the same problem.

I managed to restore my client’s website quickly and easily by manually updating the plugin files via FTP. I replaced only the new and updated files, and the website came back online without issue. However I may have just been lucky in doing this, and problems may still arise.

There has been a recommended solution offered by Modern Tribe, and I recommend you follow their instructions. In short; they tell you to manually roll back your plugins to the previous release, and then update them again, but in a specific order.

Good luck.

Okay now the popup appears underneath the entire page content, and below the overlay. Sorry it was working for a while. Might delete everything, make sure those database tables are clear, then reinstall and see if things clear up. There’s been over 100 revisions since I started toying so it’s possible there’s something going on with the db.

As a side note I’ve noticed that checking the option that you’ve loaded your own css and not to use the plugin’s css, and then saving, and then unchecking that option, and then saving, will often cause the plugin to recognise that there is new css coming from somewhere.

I really feel like I’m battling this on multiple fronts at the moment.

MY SOLUTION

The 2 Problems
Popups taller than screen size when vertically centered would disappear off the screen (including the close button), and popups weren’t scrollable because position was permanently set to fixed. My client had recently run an instagram promotion and their retail website was being inundated with mobile users who couldn’t close the popup nor scroll to view all of the contents including a mailchimp signup form, and would eventually have to just leave the website.

To view the working popup in action now you can visit http://www.alcapparel.com

Display Settings

• Change the popup size from responsive to custom.
• For width enter the same % value you had under responsive.
• Auto Adjusted Height is unchecked.
• Scrollable Content is unchecked.
• For height enter 100%. If you have margin or padding set you may need to adjust it down. I didn’t need to though.

If you had a max-width setting to your popup don’t worry. We’re going to fix that below in the CSS.

Position

• Location is set to Top Center.
• Fixed Positioning is obviously still set to fixed.
• Top distance is set to 30px. Change to suit your own website design.

CSS
If you don’t have a child theme, or Appearance > Custom CSS built into your theme, install a free plugin called Custom CSS.

.popmake {
margin: 0 auto; max-width: 800px !important;
 }

.popmake, .popmake.fixed, #popmake-11602 {
top: 30px !important; position: static !important;
 }

NOTES:

CHANGE ‘#popmake-11602’ in the CSS to reflect the number used on your own website.

Use iphone4simulator.com and iphone5simulator.com when playing around with these settings as just resizing your chrome browser or using firefox’s built in mobile view does not accurately show what happens on mobile.

I believe it’s a great plugin, and will try to convince any future clients to purchase the premium version, and I think everyone else should too. 🙂