|
Mike Query
|
October 25, 2016 at 5:26 pm
Hello,
Here is a link to the page in question (although this problem occurs with all of our registration table).
https://bacc.cc/register/marriage-refreshment-weekend-2016/
When viewing the page from a mobile device, the table does not shrink to fit the screen and this confuses many of our users. Can someone teach me how to set the table to fit the screen size??
This post helped us in the past but, for some unknown reason, does not work for us anymore.
https://eventespresso.com/topic/registration-form-not-mobile-friendly/
Thank you in advance!
|
|
Josh
|
October 25, 2016 at 8:24 pm
Hi Mike,
The CSS is actually what’s not mobile friendly. Can you discern what needs to be altered in your theme’s stylesheet from these before and after screenshots?
before:
https://www.evernote.com/shard/s4/sh/f45327dd-267f-4333-8b1e-fd18e53c6d55/465e8647839fdf715e59eef074c4611f
after:
https://www.evernote.com/shard/s4/sh/b8c98a3f-4d3b-47e0-b112-08053daf563a/82a0342360ce4bb6af9c95c47cf9ea40
You can also apply the following style to a custom stylesheet to override the errant style in the above screenshot:
.tkt-slctr-tbl-wrap-dv td {white-space: normal !important;}
|
|
Mike Query
|
October 27, 2016 at 12:32 pm
Thanks Josh! That line of code fixed everything. Thank you so much for the help.
|
