Support

Home Forums Event Espresso Premium Event espresso table is not mobile friendly

Event espresso table is not mobile friendly

Posted: October 25, 2016 at 5:26 pm


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

  • Support Staff

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.

The support post ‘Event espresso table is 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  Mike Query 2 years, 10 months ago ago

Topic Tags

Tagged: 

Notifications

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