|
cfeichter
|
October 28, 2016 at 8:02 pm
I am trying to get the event table to show on phones, tablets, etc, and the calendar to show on computers. I found topics that indicate it can be done, but how do I know what to use in the css to hide one or the other?
I added the shortcodes for both to the calendar, and the both show up.
I temporarily changed the style.css for the theme to add this:
/* Desktop */
@media screen and (min-width: 768px) {
.mobile-event-list{
display:none;
}
}
/* Mobile */
@media screen and (max-width: 767px) {
.desktop-event-calendar{
display:none;
}
}
But that did not work. What do i need to enter for the .mobile-event-list and .desktop-event-calendar to get this to work?
EE Version 4.9.17
EE Event table Version 1.3.5
|
|
cfeichter
|
October 28, 2016 at 8:04 pm
Forgot to send emails when replies posted
|
|
Tony
|
October 31, 2016 at 6:52 am
Hi there,
EE does not output either of those classes, where did you find those?
You could add a Div around the shortcodes with those classess assigned to it however you may as well just use the main class/id for each output.
For example the Calendar is wrapped within #espresso_calendar so you could target that in place of .desktop-event-calendar
Can you link us to the page so we can view what you are doing please?
|
