Posted: June 6, 2020 at 1:24 pm
Hey guys, it seems all tables are not responsive out of the box with event espresso. Why? Seems like an overlooked thing here.
I was able to find some old code to make the table-layout: fixed; and that moved the tabled back onto the screen.
BUT, still, the way the table is designed it looks terrible. Why not make the Espresso tables like this be Row based instead of Column based? Becuase since it’s column based (my words description), since it column based the words get all scrunched up. http://prntscr.com/sv1eg9
How can I make this table look like Im using a professional plugin in 2020? http://prntscr.com/sv1gll
And here is screenshot of the table on the registration page where it HANGS OFF the page unless I apply “table-layout: fixed; but then Im still left with Ugly. Im just getting frustrated that Event espresso has not had any time apparently in 5 years to add some responsive design to their tables?
I got the “my events” tickets plugin table to work but I had to take out columns from the table so its not ideal.
Is there any type of plugin to make your tables look like the year 2020 on mobile devices? I dont have to spend all day to make sure Woo Commerce checkout looks good on mobile, it just does.
How can I make the registration table look normal? http://prntscr.com/sv1i6w
We apply minimal styling to a lot of EE’s output and rely more on the current theme.
What you actually found there is some CSS to improve how your site’s theme outputs the tables.
Whilst I do agree we can improve EE’s table output some and it certainly isn’t perfect, what you are actually battling with in that screenshot is Divi’s table styles.
A quick example using a default theme, this one is twentyseventeen:
Like I said, still not perfect but not smased to pieces with all kinds of padding on all screensizes which distorts the output.
You spend the time fighting against the professional theme you are using and remove/override it’s styles to make the table look how you prefer.
If you genuinely believe EE simply didn’t bother working on this output there isn’t much I can say to persuade you of otherwise but note that we simply can not override every single themes styles to fix their output.
I agree this isn’t ideal and goes with the above about some of EE’s output needing some additional work.
There’s no plugin that will override those styles no.
Woo has a much bigger team working on it with more development time and been released longer. In short, getting an output that works for all views takes time, then thrown in the various styling theme’s apply and you start to see the problem.
You override the default Divi styles and remove the padding it applies that is throwing off all of the columns.