|
June 9, 2020 at 4:41 am
Hi Jarred,
Hey guys, it seems all tables are not responsive out of the box with event espresso. Why? Seems like an overlooked thing here.
We apply minimal styling to a lot of EE’s output and rely more on the current theme.
I was able to find some old code to make the table-layout: fixed; and that moved the tabled back onto the screen.
What you actually found there is some CSS to improve how your site’s theme outputs the tables.
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
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:
https://monosnap.com/file/4iJHxoq5lzE8wciC0tgJ52nvaE78TN
https://monosnap.com/file/5Wrlg4v5Pi0eKwwKPiUu42pQcNGdxD
Like I said, still not perfect but not smased to pieces with all kinds of padding on all screensizes which distorts the output.
How can I make this table look like Im using a professional plugin in 2020? http://prntscr.com/sv1gll
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.
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?
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 got the “my events” tickets plugin table to work but I had to take out columns from the table so its not ideal.
I agree this isn’t ideal and goes with the above about some of EE’s output needing some additional work.
Is there any type of plugin to make your tables look like the year 2020 on mobile devices?
There’s no plugin that will override those styles no.
I dont have to spend all day to make sure Woo Commerce checkout looks good on mobile, it just does.
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.
How can I make the registration table look normal? http://prntscr.com/sv1i6w
You override the default Divi styles and remove the padding it applies that is throwing off all of the columns.
|
