Support

Home Forums Event Espresso Premium Event Cart Mobile View & Registration Page Table Why no styling?

Event Cart Mobile View & Registration Page Table Why no styling?

Posted: June 6, 2020 at 1:24 pm


Jarred

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


Jarred

June 6, 2020 at 1:32 pm

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


Tony

  • Support Staff

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.

You must be logged in to reply to this support post. Sign In or Register for an Account

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: publish

Updated by  Tony 1 month ago ago

Topic Tags

Notifications

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