• Resolved Chekki

    (@chekki)


    Hello,

    this is how my popup looks like on desktop:

    this is how my popup looks like on mobile:

    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

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

    Best regards

    Chekki

    • This topic was modified 2 years, 6 months ago by Chekki.
    • This topic was modified 2 years, 6 months ago by Chekki.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Chekki

    (@chekki)

    Any news how to show images on mobile devices?

    Plugin Author Bruna a11n

    (@bruberries)

    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.

    Thread Starter Chekki

    (@chekki)

    Thanks, but there is nor improvement. There is no image on mobile screens. Even on popup and on “content-forms”.

    Any other idea?

    Plugin Author Bruna a11n

    (@bruberries)

    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.

    Thread Starter Chekki

    (@chekki)

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

    Best regards

    Plugin Author Bruna a11n

    (@bruberries)

    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 ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Popup image & checkbox Problem’ is closed to new replies.