Ticket #199069 Public

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!

    BY: Brett Tillander - Oct 6,2020 AT 7:26AM - 1 month ago
    • By: infotainerdave Oct 6,2020 AT 7:38AM - Posted 1 month 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

    • By: Brett Tillander Oct 6,2020 AT 8:16AM - Posted 1 month 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.

    • By: Artem Oct 6,2020 AT 11:03AM - Posted 1 month 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; }

      Reply to: 199095

      This can only be done with customization, I am afraid.

    • By: Artem Oct 7,2020 AT 2:09AM - Posted 1 month 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%; } }

    • By: Artem Oct 7,2020 AT 6:38AM - Posted 1 month 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; }

You must login to reply to this ticket


Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON