|
Tom
|
October 7, 2015 at 8:13 pm
I am attempting to implement the solution listed in this thread:
https://eventespresso.com/topic/calendar-on-desktop-but-list-of-events-on-mobile-device/
Basically I want the calendar to show up on desktop devices and the events list to show on mobile. The issue I am having is that the class “mobile-event-list” is applied to both the calendar and event list. So when I set up the following css
@media screen and (min-width: 768px) {
.mobile-event-list{
display:none;
Both the calendar and upcoming events list disappear.
|
|
Lorenzo Orlando Caum
|
October 8, 2015 at 9:21 am
Hi Lisa,
Could you provide a link to the page that has these shortcodes on it so we can take a look?
—
Lorenzo
|
|
Tom
|
October 9, 2015 at 4:16 am
No problem:
http://www.liqaardvarks.com/calendar/
|
|
Lorenzo Orlando Caum
|
October 9, 2015 at 6:28 am
Hi Lisa,
I see what is happening. The CSS class for mobile-event-list is being used for the events calendar shortcode and the event listing shortcode. This means that the CSS will hide both when it is put into place.
Please take a look at this tutorial:
https://gist.github.com/lorenzocaum/db7d364599915de06107
—
Lorenzo
|
