This is being caused by some custom styles you have inline. The styles are these:
h2#mc_head_my-calendar span, div.mc-date-container, th.day-heading.fri, td.no-events, .date-wrapper, .mc-title > span.event-time, .mc-events-link, span.event-time { display: none; }
The specific part that’s relevant is highlighted: td.no-events is applied on any cell that doesn’t have events, and that cell is hidden. When you switch to only displaying Kinomichi events, the other three cells are hidden, so the Tuesday cell slides over to the left to take up that space. The corresponding th headers are *not* hidden, however, so it’s no longer aligned to it’s parent.
I’d recommend against hiding the empty cells; it can have some unpredictable behaviors.
Thank you for your prompt reply!!
I have remove the following part:
td.no-events { display: none; }
Therefore my Kinomichi event stays when selecting category 🙂
What element(s) or unique selector should I target to not display the entire Friday column?
th.fri,td.ven { display: none; }
I can see that’s a bit unexpected, because the selector on the td is translated and the one on the th is not. That’s probably a bug I should address…
