Support

Home Forums Event Espresso Premium Show details breaks responsive design

Show details breaks responsive design

Posted: February 12, 2017 at 1:09 pm


jfchatelain

February 12, 2017 at 1:09 pm

Hi,

We just enabled the show details link in the ticket selector but unfortunately this breaks the responsive design.

Any hint on how to fix that?

Thanks for your help.


Tony

  • Support Staff

February 13, 2017 at 10:43 am

Is there an example event we can view this on?


jfchatelain

February 13, 2017 at 11:28 am

yes… https://billets.sommetmondialdesign.com

Thanks


Tony

  • Support Staff

February 13, 2017 at 1:15 pm

I can’t see any problem with the table with that section active, can you post a screenshot that shows what you see please?

https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots


jfchatelain

February 13, 2017 at 1:23 pm

Here’s a screenshot when I expand details on Iphone 6 using the chrome “emulator”.


Tony

  • Support Staff

February 13, 2017 at 2:28 pm

Yeah I see, I emulated to iPhone 6 plus.

It’s the padding on the ticket details section, you can override that using something like:

.tkt-slctr-tbl .tckt-slctr-tkt-details-dv {
    padding: 0.5em;
}

Or use less if preferred.

I can see you already have some media queries included in your custom styling so simply add that to, I’d suggest the max-width: 640px around line 704 of your styles.css file.


jfchatelain

February 14, 2017 at 7:13 am

Great! Thanks for your help. Works like a charm.

The support post ‘Show details breaks responsive design’ 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.

Event Espresso