WordPress.org

Forums

Optin Forms
[resolved] Opt-in form text overlaps when on mobile (8 posts)

  1. sgonzaga
    Member
    Posted 1 year ago #

    The plugin doesn't display properly when you view the page or post on a mobile device. I'm using an iPhone 5S and the text overlaps with one another.

    Screenshot: https://dl.dropboxusercontent.com/u/8905241/opt-in-form-mobile-overlaptext.png

    Hope to get a fix for this. Thanks!

    https://wordpress.org/plugins/optin-forms/

  2. Boris Beo
    Member
    Plugin Author

    Posted 1 year ago #

    Hi sgonzaga,

    I'd like to help you out, but I can't access the screenshot, I'm getting a 404 error. Can you please double-check the URL?

    Thanks!

  3. sgonzaga
    Member
    Posted 1 year ago #

    Hi Boris,

    Here's another link to the screenshot I posted: http://cl.ly/image/06141s1U0J3E

    Let me know if you can or can't view it. Thanks!

  4. Boris Beo
    Member
    Plugin Author

    Posted 1 year ago #

    Hi ,

    Add the following code in the Custom CSS field, under Form Options in Optin Forms:

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    #optinforms-form5-container-left,#optinforms-form5-container-right{display:block;float:none;width:100%;margin:10px 0;}
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    #optinforms-form5-container-left,#optinforms-form5-container-right{display:block;float:none;width:100%;margin:10px 0;}
    }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
    #optinforms-form5-container-left,#optinforms-form5-container-right{display:block;float:none;width:100%;margin:10px 0;}
    }

    Let me know if it works!

    I'll fix the code in the upcoming release.

  5. sgonzaga
    Member
    Posted 1 year ago #

    After copying and pasting the code in the Custom CSS field and hitting the Save button, the code disappears from the Custom CSS field. Is this to be expected?

  6. Boris Beo
    Member
    Plugin Author

    Posted 1 year ago #

    Hi sgonzaga,

    it seems you've helped me discover a bug ;) Let me do some other planned code changes and I will roll out an update.

    I'll let you know once it's done.

    Thanks!

  7. Boris Beo
    Member
    Plugin Author

    Posted 1 year ago #

    Hi sgonzaga,

    Please update to version 1.1.2 as your issue has been fixed.

    After updating, you won't need to add any custom CSS. All form designs are responsive now ;)

    Let me know if it works!

  8. sgonzaga
    Member
    Posted 1 year ago #

    It works! Though the fonts chosen aren't displaying, but no big deal. Thank you. :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Optin Forms
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic