Support

Home Forums Event Espresso Premium Registration Form not Mobile Friendly

Registration Form not Mobile Friendly

Posted: April 27, 2016 at 12:42 am


Jarred

April 27, 2016 at 12:42 am

Hello, when someone views our registration form on their mobile device, the questions are cut off. Basically the #ee-single-page-checkout-dv label is not wrapping.

SITE_URL: http://artsyrose.com

We need the registration form to be completely responsive, so basically it will wrap the text questions we ask, and we have radio buttons for them to choose with text descriptions beside those radio buttons and those are all cut-off on mobile devices.

SCREENSHOT: http://webdesigndomains.com/wp-content/uploads/2016/04/artsyrose-regform-support-EE4.png

### Begin System Info ###

SITE_URL: http://artsyrose.com

Headway Version: 3.8.8
WordPress Version: 4.5.1

Responsive Grid: Enabled

ACTIVE PLUGINS:

///** SOME PLUGINS OMITTED ***////

Event Espresso 4.8.41.p
http://eventespresso.com/pricing/?ee_ver=ee4&utm_source=ee4_plugin_admin&utm_medium=link&utm_campaign=wordpress_plugins_page&utm_content=support_link

Event Espresso – Calendar (EE 4.3+) 3.2.6.p
http://www.eventespresso.com

Event Espresso – Custom Template Display 1.1.p
http://www.eventespresso.com

Event Espresso – MailChimp (EE4.4.5+) 2.3.2.p
http://www.eventespresso.com/

Event Espresso – MER – Multi Event Registration (EE 4.7.0+) 2.0.9.p
http://www.eventespresso.com

Quick Localization (Quick Localisation) 0.1.0
http://name.ly/plugins/

///** SOME PLUGINS OMITTED ***////
### End System Info ###


Josh

  • Support Staff

April 27, 2016 at 12:05 pm

Hi Lisa,

You can make those form elements wrap on small screens by adding the following to your stylesheet:

.ee-reg-qstn {
 max-width: 90%
}

.ee-reg-form-qstn-grp-dv {
 padding-left: 0;
}

#ee-single-page-checkout-dv .big-lbl {
 min-width: 300px;
}


Jarred

April 27, 2016 at 12:49 pm

Yes!! Thank you so much Josh. That worked.


Josh

  • Support Staff

April 27, 2016 at 3:44 pm

You’re welcome.

The support post ‘Registration Form not Mobile Friendly’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Josh 3 years, 1 month ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!