Forum Academy Marketplace Showcase Pricing Features

Popups Vertical Centering on Mobile Responsive

Checking around, we are using New Responsive and Pop-Ups always are fixed at the top of the screen. You can see it in the image below. It would be much more preferable if the popups where vertically centered. Maybe I missed this somewhere but I can’t seem to get this to work.

Hi, I think you need custom CSS for this. Please check this thread. How do I vertically center a popup? - #2 by eli

1 Like

@kazimdgoni Thanks for the suggestion. Unfortunately, I have tried this but it doesn’t work in the new responsive.

I see, please let us know here once you have found any workaround to this.

Will do thanks.

@rivergalli I just tested it and this CSS still works in the new responsive. If you are on a free plan you’ll have to put the code in an HTML element since you can’t use the html header on the page properties on the free plan.

If you want all popups to be in the center of the page you don’t have to add an id to them. You can simply put the following code snippet between style tags in an html element on the page

   .Popup {
        margin-top: auto;
        margin-bottom: auto;
        top: 0!important;
        bottom: 0!important;

@Eli Thanks for this. For mobile, we moved to a plugin to address these popups but it does cause some additional complexity when using them for confirmations and the like. I will try this again. I would much prefer this solution.