|
alsotkovsky
|
April 20, 2016 at 7:22 am
Hello,
My organization uses a custom theme on wordpress and Event Espresso to manage our calendar. On the mobile version of our site, it starts by listing calendar events from last summer so you have to scroll all the way down to find current events. I understand that there is a way to take expired events off of the calendar, but others in my organization like keeping them on the desktop calendar for our reference.
Is there any way I can hide past events on our mobile calendar, yet keep expired events on the desktop version? Thank you!
|
|
Lorenzo Orlando Caum
|
April 20, 2016 at 8:43 am
Hello,
Could you try adding this CSS to your site?
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
a.fc-event.fc-event-hori.fc-event-start.fc-event-end.expired { display: none; }
}
It can be added through a custom CSS area (if available in your theme). You could also use a free plugin like Reaktiv CSS Builder or Simple Custom CSS.
—
Lorenzo
|
|
alsotkovsky
|
April 20, 2016 at 9:02 am
Would I paste that into the stylesheet or the template for my calendar page?
|
|
Lorenzo Orlando Caum
|
April 20, 2016 at 9:29 am
Hello,
If you are using a child theme, then you could add it to the child theme’s stylesheet.
If there is a custom CSS area for your theme in your WP dashboard, then you could also add it there.
I do not recommend adding it to your parent theme as the theme files are removed and replaced when you update your theme on your WP website.
—
Lorenzo
|
|
alsotkovsky
|
April 20, 2016 at 9:31 am
I just noticed that the problem is also present on our desktop site if you switch from calendar to list view. Is there a way to exclude expired events in list view only?
|
|
Lorenzo Orlando Caum
|
April 22, 2016 at 5:29 am
Hi, could you share a link to the page that has the events calendar shortcode in use?
Thanks
—
Lorenzo
|
