Opt-in form text overlaps when on mobile

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!

Hi Boris,

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

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

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.

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?

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!

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!

It works! Though the fonts chosen aren’t displaying, but no big deal. Thank you. ??