Responsive not formatting correctly and cannot edit options

  • Resolved EgJS

    (@egjs)


    10 years, 5 months ago

    Hello,

    Lovely plugin…

    However, there’s a problem with the responsive layout as not all the text fits in the options to enter name, email address and on the submit button.

    I can’t seem to edit these options either in the admin area… Once a form has been chosen and setup does it not allow you to edit it?

    To fix the responsive problem I could just change the text to ‘name’ instead of ‘enter your name’, etc…

    Website is… https://www.craftideasforkids.co.uk

    Thanks

    https://www.ads-software.com/plugins/optin-forms/

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey EgJS,

    You should be able to edit any values of the form after you have set it up. Let me know if you’re unable to, and I’ll take a look at it.

    To fix the problem with responsive design, add the following code in the Custom CSS field under Form Options in Optin Forms.

    @media only screen and (min-width: 480px) and (max-width: 767px) {
#optinforms-form1-name-field-container, #optinforms-form1-email-field-container{display:block;float:none;width:100%;margin:0;} 

#optinforms-form1-button-container{display:block;float:none;width:30%;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#optinforms-form1-name-field-container, #optinforms-form1-email-field-container{display:block;float:none;width:100%;margin:0;} 

#optinforms-form1-button-container{display:block;float:none;width:30%;}
}

    Let me know if it works!

    Thread Starter EgJS

    (@egjs)

    Yo, thats fixed the problem cheers!!

    However, I can’t change any of the options now I have selected the form. I only have the drop down list to change the type of form…

    But as you’ve provided a fix I don’t need to change the options so it doesn’t really matter!!

    Thank you Boris!

    Thread Starter EgJS

    (@egjs)

    Turns out it is a conflict with another plugin – Huge IT Slider…

    Did you manage to fix the conflict? Otherwise, I can always take a look at it. Let me know ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive not formatting correctly and cannot edit options’ is closed to new replies.