Support

Home Forums Event Espresso Premium EE4 Event table will not re-size on mobile

EE4 Event table will not re-size on mobile

Posted: August 31, 2019 at 7:28 am

Viewing 30 reply threads


cprresponseplus

August 31, 2019 at 7:28 am

Hello I have gone through the support forums and have tried some of the custom CCS code to resize the table, but when I do the page theme changes. I am using Divi Builder and I am not very familiar with CCS code.


Tony

  • Support Staff

September 2, 2019 at 2:22 am

Hi there,

Can you add a link to the page in question so we can take a look?

You can mark the post private if you don’t want the links to be publicly available.

Also, may I ask what CSS have you already tried? If you no longer have a copy of that code it’s not a problem.


cprresponseplus

September 2, 2019 at 4:55 am

This reply has been marked as private.


Tony

  • Support Staff

September 2, 2019 at 5:25 am

Part of the problem is your displaying the table, within another table, may I ask why you are doing that? (only appears to be set that way on the first location)

Tables don’t so well on mobile but the above can be improved some but due to the length of your event names the font size needs to be reduced a fair amount before it fits into the available space which makes it a little hard to read.

Have you tried the toggle template in that location?

Swap the shortcode you are using for:

[ESPRESSO_EVENTS_TABLE_TEMPLATE template_file=espresso-events-table-template-toggle.template.php]

Does that fit better?


cprresponseplus

September 2, 2019 at 5:42 am

This reply has been marked as private.


cprresponseplus

September 2, 2019 at 5:44 am

This reply has been marked as private.


Tony

  • Support Staff

September 2, 2019 at 6:43 am

You can just add category_slug={category_slug} to the shortcode and continue to use the category_slug, so in your case it would become:

[ESPRESSO_EVENTS_TABLE_TEMPLATE category_slug=ajax-standard-first-aid template_file=espresso-events-table-template-toggle.template.php]

To display all dates add show_all_datetimes=true to the above, so now it would be:

[ESPRESSO_EVENTS_TABLE_TEMPLATE category_slug=ajax-standard-first-aid template_file=espresso-events-table-template-toggle.template.php show_all_datetimes=true]


cprresponseplus

September 2, 2019 at 6:56 am

This reply has been marked as private.


cprresponseplus

September 2, 2019 at 8:17 pm

Hi there,
I thought this was resolved but now I am applying the same short code to another page and changing the category slug and it wont work.


Tony

  • Support Staff

September 3, 2019 at 2:06 am

Is that on the same page as above or another? Which section?

What slug are you using?


cprresponseplus

September 3, 2019 at 5:53 am

This reply has been marked as private.


cprresponseplus

September 3, 2019 at 6:07 am

This reply has been marked as private.


Tony

  • Support Staff

September 3, 2019 at 6:28 am

So you’ve changed all instances of ESPRESSO_EVENTS_TABLE_TEMPLATE on those pages to use template_file=espresso-events-table-template-toggle.template.php?

If so, the default template is still loading and not the toggle template.

Any caching enabled on the site?

Note that as you are loading individual tables for each category, I recommend adding category_filter=false to each instance. The filters will only work correctly on the ‘first’ table loaded on the page.


cprresponseplus

September 3, 2019 at 6:33 am

This reply has been marked as private.


cprresponseplus

September 3, 2019 at 6:37 am

This reply has been marked as private.


cprresponseplus

September 3, 2019 at 4:17 pm

This reply has been marked as private.


Tony

  • Support Staff

September 4, 2019 at 4:05 am

and all I am doing is changing the category slug

But have you changed every instance of [ESPRESSO_EVENTS_TABLE_TEMPLATE] to now include template_file=espresso-events-table-template-toggle.template.php regardless of category_slug?

Or do you have a mix of shortcodes with and without the above?

How do i know if caching is enabled?
I activated a caching plugin – the default template is still loading

Caching plugins can cause this issue, they basically save a page after it has been constructed and then output that saved page to the visitor rather than rebuilding the page each time.

I asked if you had caching enabled as it would need to be cleared if so.

For now, disable the caching plugins and we’ll check this again later.

where do i add in category_filter=false?

Every additional shortcode parameter can be added to the end of the shortcode before the ] so to add category_filter=false to the above you can do:

[ESPRESSO_EVENTS_TABLE_TEMPLATE category_slug=pickering-sfa-blended-learning template_file=espresso-events-table-template-toggle.template.php category_filter=false]

Is there a support line I can call for assistance?

Event Espresso does not offer phone support, we have some details on why here:

https://eventespresso.com/wiki/why-we-dont-have-phone-support/


cprresponseplus

September 4, 2019 at 6:11 am

This reply has been marked as private.


Josh

  • Support Staff

September 4, 2019 at 6:55 am

How about we try to isolate the cause of this issue a bit?

If you go to add a new page, and place this shortcode on it:

[ESPRESSO_EVENTS_TABLE_TEMPLATE template_file=espresso-events-table-template-toggle.template.php]

does it use the toggle template as expected?

If it does not, can you look in to your copy of the table template plugin and verify that there is indeed a file named espresso-events-table-template-toggle.template.php located within its templates folder?


cprresponseplus

September 4, 2019 at 7:39 am

This reply has been marked as private.


cprresponseplus

September 4, 2019 at 7:42 am

This reply has been marked as private.


Josh

  • Support Staff

September 4, 2019 at 7:48 am

Can you share a link to the page, and temporarily deactivate the event table template plugin for a few minutes so we can investigate further?


cprresponseplus

September 6, 2019 at 6:20 am

This reply has been marked as private.


cprresponseplus

September 6, 2019 at 6:20 am

This reply has been marked as private.


cprresponseplus

September 6, 2019 at 6:22 am

This reply has been marked as private.


Josh

  • Support Staff

September 6, 2019 at 6:45 am

Hi,

The test page you’ve added actually uses the toggle template. So there’s no issue there. You could compare the shortcode parameters on both pages and check for any differences.


cprresponseplus

September 6, 2019 at 6:53 am

This reply has been marked as private.


cprresponseplus

September 6, 2019 at 6:56 am

This reply has been marked as private.


Josh

  • Support Staff

September 6, 2019 at 7:17 am

It seems like the issue here is caching, and it may not event be related to any caching. Some web hosts add automatic caching, and when I check the http headers on the site, it’s showing caching related headers. This is a screenshot, taken from your site, of those headers:

https://slack-files.com/T02SY781D-FMQFMQKPU-8f5af974c3

You could contact your host and ask them how to rebuild the cache. Otherwise you could start fresh with a new page and add the template_file=espresso-events-table-template-toggle.template.php straight away to avoid issues with stale caches.


cprresponseplus

September 6, 2019 at 7:22 am

This reply has been marked as private.


Josh

  • Support Staff

September 6, 2019 at 7:55 am

I don’t believe so, but you could contact your web host and ask them. They may be able to turn off caching at their end.

Viewing 30 reply threads

The support post ‘EE4 Event table will not re-size on mobile’ 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