Popup image & checkbox Problem

Hey @chekki,

I would like to insert an image on mobile version. And I would like to increase the height to show the GDSPR checkbox on mobile

Regarding the images, it’s expected they won’t be displayed on mobile. Images are intentionally removed from subscription forms on mobile to provide a better user experience and performance.

You can try to use CSS code to force the image to be shown, though.

To increase the height of the form on mobile, you can edit your CSS by changing the max-height from 40% to 60%.

@media (max-width: 500px) {
#mp_form_popup5 {
max-height: 60%;
}
}

Let us know if it works!

And any idea how to make only exit intent work (no popup after x seconds)?

If Exit-intent display is enabled, the form will pop up when moving the cursor away from the site’s area in your browser on the exact same posts/pages that are selected in your Form’s display settings. Note that it only works on desktop, not on mobile. On mobile, the pop-up will appear according to the delay settings.

The CSS code I shared above was to increase the height of the form on mobile.

If you want to force the image to be shown, you should use this one:

@media screen and (max-width: 499px) {
#mailpoet_form_image {
    display: block !important;
}
}

Let us know how it goes.

Thanks it works. Any idea how to make the popup higher on mobile devices?

To change its height, you can use the other CSS code I shared in the other reply from this thread and change the percentage for the max-height 😉