Pop up on mobile, the writing is squeezed in the middle

  • Resolved giolrcc86

    (@giolrcc86)


    2 weeks, 2 days ago

    Hi there,
    I have a pop-up on my website, which is visible only for home page and other 3 pages, and on the mobile version, the writing is squeezed to the center. This makes the pop-up long and the user needs to scroll to read the whole thing. I did try to set up the border, to make the pop-up full page, to change how the alignment, nothing works.
    Can someone help with this.
    Thanks

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

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

    (@hyenokian)

    Dear @giolrcc86,

    Thanks for the topic.

    We have checked your website.

    Please navigate to the Popup Box plugin > Popups > your popup > Styles > Height and put it to 570 px for the “on Mobile” option.

    See the screenshot below:

    View post on imgur.com

    Additionally, please navigate to the Popup Box plugin > Popups > your popup > Styles > Custom CSS and paste the below code there.

    Instead of YOUR_POPUP_ID, write the corresponding id of your popup, for example if it is 3, it would be .ays_template_window.ays-pb-modal_3.

    The code:

    @media screen and (max-width: 768px){
    .ays_template_window.ays-pb-modal_YOUR_POPUP_ID .ays_template_main {
    max-height: 100%;
    }
    }

    Do not delete the space after it.
    Do not forget to clear the cache afterward.

    Try this and let us know how it goes for you.

    Thank you.

    Thread Starter giolrcc86

    (@giolrcc86)

    Thanks Jasmine,
    That worked.
    But now the image in the background is full size (both mobile and desktop). It covers all pop-ups, and it is hard to read the writing. Could you please help with that?
    Lastly, on the desktop version, the writing is so tiny. I did put paragraph 100% and in style, I did put 35 for “description font size” but it doesn’t change anything.

    Thanks Jasmine

    Plugin Support Jasmine

    (@hyenokian)

    Dear @giolrcc86,

    Thanks for the reply.

    The issue you’re encountering is due to the fact that the template is set to the default, which causes the image to stretch fully. Please change it back to “Sale” to resolve this.

    View post on imgur.com

    If the issue with the text persists, could you please send us a screenshot of the settings you’ve applied, specifically related to the font? This will help us understand the situation and provide further assistance.

    Looking forward to hearing from you.

    Thank you.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @giolrcc86,

    We’re?closing?this ticket for now as we last heard from you 1 week ago.
    If the query is unresolved, drop us a line and we’ll get back to you at the earliest and the ticket will be re-opened.

    For a new query, feel free to open a new topic. Our Customer Care Specialists will be happy to help you.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.