|
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
https://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
|
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
|
April 27, 2016 at 3:44 pm
You’re welcome.
|
