|
Ballyholme Yacht Club
|
June 29, 2015 at 9:43 am
hi,
the calendar on mobile devices is very small, is there a way to show lists of events when viewed on a mobile device but calendar layout when on an ipad/desktop?
thanks
|
|
Josh
|
June 29, 2015 at 1:28 pm
Hi there,
It’s possible to show a list of events only on the smaller screens, then only show the calendar on the larger screens. There are several ways to make this happen. One way is to hide the calendar and show the list using a CSS media query. This method works best if the WordPress theme already uses CSS media queries to reformat the layout depending on the screen/window size.
Here’s an example that shows the shortcodes + html you can use with EE4 on a page:
[ESPRESSO_EVENTS]
[ESPRESSO_CALENDAR]
Then you add something like the following to your custom stylesheet:
The actual breakpoints will vary depending on your WP theme, but the above can be used as a starting point.
|
|
Ballyholme Yacht Club
|
June 30, 2015 at 2:25 am
great, thanks for your help josh – appreciated!
|
|
Dean
|
June 30, 2015 at 5:00 am
Hi,
Anything else we can help with regarding this topic, or may we mark it as resolved?
|
