Mobile view issue

  • Resolved 7delkin

    (@7delkin)


    1 year, 6 months ago

    It is amaizing plugin and I was redy to buy it but I have an issue with displaying popup on mobile devices. I set up different backgroud images (with different sizes: 800×420 and 600×400 accordingly) for desktop and mobile devices with backround size option “cover”. I use both Popup Triggers (On page load & On click). There is no problem on desktops but on mobile devices the plugin works with a bug. The bug is that a firt opening the popup on mobile devices is OK, but second one and more displays popup with the backdround image for desktops and the background size does not match window size.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Jasmine

    (@hyenokian)

    1 year, 6 months ago

    Dear @7delkin,

    Thank you for your topic.

    To help us investigate the issue, please provide the following information․

    1. A link, where the given popup is enabled.
    2. Confirm if the popup opens correctly on mobile devices during the Onload event, but the image appears at a different size when the popup is triggered by the On-click event.
    3. Please confirm if you are using a caching plugin.
    4. Specify the type and template you have set for the popup.

    Looking forward to your reply.

    Thank you.

    Thread Starter 7delkin

    (@7delkin)

    1 year, 6 months ago

    Dear Jasmine,

    1. http://www.ahna.pl (just click on Santa at the right side of the page, On-click popup will be shown for 5 seconds, then click on Santa again and you will see different image that does not match the popup window size, it is because the image is for desktop and it is 800x420px intead of 400x600px for mobile devices).
    2. Yes, the popup opens correctly on mobile devices during the Onload event. But Onload event runs only once per session (set to 10 minutes). When the popup is triggered by the On-click event fist time it opens correctly on mobile devices as well. But, when the popup is triggered by the On-click event second and more times on mobile devices the background image is changing to different. So only the first On-click event is succsessful. As I can see the issue concerns the mobile devices with resolution before 768x1024px (phones and tablets).
    3. There is no caching plugin.
    4. I use default template for now but also used the modern with the same result.

    Thanks in advance.

    • This reply was modified 1 year, 6 months ago by 7delkin.
    Plugin Support Jasmine

    (@hyenokian)

    1 year, 6 months ago

    Dear @7delkin,

    Thank you for your reply.

    We have reviewed the case and identified an issue, so we’ve forwarded it to our development team for resolution.
    Once the issue is addressed, we will promptly notify you.

    In the meantime, for a quick solution, please add the following CSS in the custom CSS section of your popup settings (Popups > particular popup > Styles Tab):

    @media screen and (max-width: 768px){
    .ays-pb-modal.ays-pb-modal_YOUR_POPUP_ID {
    background-image: url(https://ahna.pl/wp-content/uploads/2024/12/mobile-scaled.webp)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important
    }
    }

    Replace YOUR_POPUP_ID with the actual ID of your popup (for example, .ays-pb-modal.ays-pb-modal_1).

    Once you’ve added this, please check and let us know if the issue is resolved.

    Thank you.

    Thread Starter 7delkin

    (@7delkin)

    1 year, 6 months ago

    Dear Jasmine,

    The quick solution works perfectly. The background image appears correctly now.

    Thank you very much. Looking forward to the plugin update 😉

    Plugin Support Jasmine

    (@hyenokian)

    1 year, 6 months ago

    Dear @7delkin,

    Thank you for your response.

    Glad to hear the quick solution worked for you.
    I will get back to you once there is any news related to the main resolution.

    Thank you.

    Plugin Support Jasmine

    (@hyenokian)

    1 year, 5 months ago

    Dear @7delkin,

    Thank you for your patience.

    I am glad to mention that we have fixed the issue in the latest version of the plugin and updated it accordingly.
    You can update the plugin to the latest version and check the case again. Then, let us know about the outcome.

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile view issue’ is closed to new replies.