Hide weekend dates in weekly view if no events
Hi,
I just purchased the weekly view add-on and it is the fifth add-on we are using from you. Overall, I love the plugin. For the weekly view, most of the events we have happen Monday-Friday, and only once a month do we have a Saturday event. What ends up happening is the Saturday and Sunday on desktop show as blank days and visually we are not liking it as much. Is there a way to hide the weekend days if there are no events. Thank you!
-
-
Oct 6,2020 AT 7:38AM -
Posted 3 years ago
- #199078
To have sat and sunday hide if there are no events would require customization
You can send us a customization job request by creating a new ticket in here and selecting Customization Request as the category.
however to hide sat and sun permanently
try this CSS
.ajde_evcal_calendar .EVOWV_grid .evo_wv_day {
width: 20% !important;
}
You may desire to simply add a single event (via shortcode) to the top for your weekend special event???? when it happens
-
Oct 6,2020 AT 8:16AM -
Posted 3 years ago
- #199091
Hi, thank you for the css option. That’s close to perfect for desktop, but issues on mobile. When I do that, it seems to fix the issue on my desktop. But on mobile, it bugs out. See attached image. Is there a way to display the mobile option just like desktop, as a table showing all five days in one row and not a long list of days. I am trying to prevent endless scrolling through 20 events. When I turn my mobile landscape, it displays the weekly view just like desktop view, and I would prefer that view in my regular portrait orientation on mobile as well. Thank you again.
-
Oct 6,2020 AT 11:03AM -
Posted 3 years ago
- #199142
Please remove the previous code and try this one:
.EVOWV_content.wk_1 .evo_wv_day:nth-child(6), .EVOWV_content.wk_1 .evo_wv_day:nth-child(7) { display: none !important; }
This can only be done with customization, I am afraid.
-
Oct 7,2020 AT 2:09AM -
Posted 3 years ago
- #199264
Please use this code:
.EVOWV_content.wk_1 .evo_wv_day:nth-child(6), .EVOWV_content.wk_1 .evo_wv_day:nth-child(7) { display: none !important; }
.EVOWV_content.wk_1 .evo_wv_day { width: 20%; }
@media (max-width: 600px) { .EVOWV_content.wk_1 .evo_wv_day { width: 100%; } }
-
Oct 7,2020 AT 6:38AM -
Posted 3 years ago
- #199315
Please add this CSS code to EventON > Styles (If you don’t see any change, EventON > turn off Write styles to header > save settings > turn on Write styles to header):
ul.EVOWV_date_ranges { border-top: 0 !important; }
ul.EVOWV_date_ranges li:hover, .EVOWV_ranger a:hover { background-color: #0ecccc; }
.EVOWV_change { padding-top: 0; }
-
Oct 6,2020 AT 7:38AM -
Posted 3 years ago
- #199078
