Support » Plugin: Slick Popup: Contact Form 7 Popup Plugin » problem with height and scroll on some mobile devices

problem with height and scroll on some mobile devices

  • Resolved cybersix

    (@cybersix)


    2 years, 1 month ago

    Hello, I have some problem with this plugin on some mobile devices.
    If I set the plugin to display centered it doesn’t display fully, and it doesn’t scroll.
    Fields are too much toward right margin, also.

    If I set it to display full height it works, but on PC (chrome or other browser) it has too much blank space after the button.

    It’s the orange button that triggers the popup.

    I’d need a way to make the display consistent and exact on several devices, thank you

    • This topic was modified 2 years, 1 month ago by cybersix.

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

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    Hello @cybersix,

    I will look into it. Please wait for a response.

    Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    For the right margin issue, please try using this CSS style: 

    
#splite_popup_box input[type="*"], #splite_popup_box input[type="text"], #splite_popup_box input[type="password"], #splite_popup_box input[type="url"], #splite_popup_box input[type="email"], #splite_popup_box input[type="tel"], #splite_popup_box input[type="date"], #splite_popup_box input[type="number"], #splite_popup_box input[type="hidden"], #splite_popup_box textarea, #splite_popup_box select {
width: calc(100% - 12px);
}
    Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    You can try adding a popup heading to reduce the space below the form. I have tested and do not see any other issues.

    The scroll will be active only when required, which means when the form height is larger than the space available.

    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    Hello, thank you very much, I will try the CSS soon but for heading, I already try to add it and on mobile it looks ugly. The scroll works but it’s not intuitive since there is not a scroll bar or something that lets understand what the user has to do!

    • This reply was modified 2 years, 1 month ago by cybersix.
    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    Add: with a heading and small font the form is visible but the heading itself gets cut, scroll doesn’t work when I try to scroll to see full heading it’s the page on the background that scrolls.
    I know there are many devices out there and it can be challenging, but we can’t predict which kind of mobile devices our customers use.
    My device is a lenovo motorola z2 play with android 8, a bit out of date but since it works flawlessy I keep it, and I guess many people would do the same.
    I tested it with Brave and chrome browsers.

    Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    Hello @cybersix, we were able to simulate the issue on one of the test sites, we will be releasing a version within a couple of hours with the fix.

    Thanks for helping us improve the plugin.

    Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    Please grab the latest version 1.7.10, if you do not see an update, please visit domain.com/wp-admin/update-core.php and click “Check Again” to bring the update icon.

    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    Wow so many thanks, I will check it right now!

    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    Sorry to have to say this, but I riapplied the class splite-showpopup to my orange button, and now the page flickers and I can’t scroll down to see the button to test it.

    The problem is the same on mobile device and browser from computer. On every page. I disabled the plugin and the problem is gone. Using customizr theme.

    • This reply was modified 2 years, 1 month ago by cybersix.
    • This reply was modified 2 years, 1 month ago by cybersix.
    Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    It seems like a conflict with the theme or Ann existing plugin.

    We will fix this soon.

    Please deactivate the plugin, if it is a production site having real time users.

    In our test sites, this is working fine, with 2021 theme in one of the test site.

    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    Thank you very much, the plugin is already deactivated.
    I’ll wait to have some news, the plugin is really nice and simple to use, thank you for all the help!

    Plugin Author Tanjot Singh

    (@tjomak)

    2 years, 1 month ago

    Please grab the latest version 1.7.11, if you do not see an update, please visit domain.com/wp-admin/update-core.php and click “Check Again” to bring the update icon.

    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    Hello, I just tested it and it looks much better, only thing I’d need now is to make fields lower (less height). I already addedd some CSS for contact form and the popup ignores it, while another form displayed in one page has the fields the height I decided.
    Thank you!

    Plugin Author Ankit Singla

    (@aksingla)

    2 years, 1 month ago

    I see that the height style you wanted is applied.

    Thread Starter cybersix

    (@cybersix)

    2 years, 1 month ago

    yes, thank you, I tried and it worked.
    Many thanks for great support!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘problem with height and scroll on some mobile devices’ is closed to new replies.

Views