Support

Home Forums Event Espresso Premium Event frame breaking frames on mobile

Event frame breaking frames on mobile

Posted: February 7, 2019 at 1:32 am


Peter

February 7, 2019 at 1:32 am

Hi there,

I’m trying to get my schedule of events to appear more naturally to people on iphones and androids.

While I’m open to suggestions, what I really need help with – I think – is making it so that the events don’t “break”. You can check my website out on mobile and see why I am trying to fix it!

Kindly do you have any suggestions for me?

http://www.rgsl.ca


Josh

  • Support Staff

February 8, 2019 at 8:48 am

Hi,

The table template isn’t suited for smaller screens, especially when you add more columns.

What you can do is install this plugin:
https://wordpress.org/plugins/wonderplugin-conditional-display/

Then change the shortcode on the page to have these two shortcodes instead:

[wonderplugin_cond deviceinclude=”Mobile”][ESPRESSO_EVENTS_TABLE_TEMPLATE template_file=espresso-events-table-template-toggle.template.php][/wonderplugin_cond]

and

[wonderplugin_cond deviceexclude=”Mobile”][ESPRESSO_EVENTS_TABLE_TEMPLATE][/wonderplugin_cond]

What that will do is serve a mobile-optimized version of the events table to small screen devices, and the regular version to everything else.


Peter

February 9, 2019 at 5:32 am

Hello Josh,

Thank you for the thorough answer.

I tried the below method, and it worked — temporarily. When I saved the page, cleared the cache, and reloaded the page on mobile… it worked for a single refresh. I clicked refresh again, and the changes reverted/disappeared for mobile.

There is no competing CSS or JS on the website as far as I am aware. There are no media queries/css in the child WordPress theme. There is no custom js in the child WordPress theme.

…Perhaps the breaks happened when I tried adding these parameters?

Desktop:
table_search=false
category_filter=false

Mobile:
show_venues=false
table_search=false
category_filter=false

Potentially Useful File Sources:

“Site Plugin for RGSL.CA”
https://rgsl.ca/wp-admin/plugin-editor.php?file=eea-events-table-view-template%2Ftemplates%2Fespresso-events-table-template.template.php&plugin=eea-events-table-view-template%2Fespresso-events-table-template.php

I’ve tried dozens of combinations for the shortcode… Including and/or excluding various parameters that I suspected were breaking the form on mobile. Any help at this point is much appreciated.

The big question: Why is the code getting overwritten do you think? It’s weird that it works the first time, and breaks going forward.

Respectfully,
Peter


Josh

  • Support Staff

February 11, 2019 at 8:03 am

Hi Peter,

FYI I or anyone else without wp-admin access cannot see the code from the link you post. If you’ve made changes to that file, and you think it’s relevant to the issue here, you could post the code to http://wpbin.io/

Perhaps the breaks happened when I tried adding these parameters?

If you temporarily remove the parameters does that fix it?

The support post ‘Event frame breaking frames 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.

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

Updated by  Josh 2 months, 1 week ago ago

Topic Tags

Notifications

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