WordPress.org

Forums

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

  1. sgonzaga
    Member
    Posted 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months ago #

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

Reply

You must log in to post.

About this Plugin

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

About this Topic