Alignment of countdown block at event page of M.E. Calendar

Support
#1

Hi,

At the event pages in Modern Event Calendar countdown blocks are not aligned with others on the smallest screens. I remember I had that problem on another site but the old CSS code doesn’t work for this instance. Probably selectors are specific but it would be nice if it would work for all the events added ideally on any site. Or maybe you can explain how to find right selectors for CSS for a fix?

https://marathon.skating.global/events/night-race/

#2

Hey @imdyakov,

It might have changed in the latest update of MEC. Here’s the working code.

@media only screen and (max-width: 480px) and (min-width: 320px) {
.mec-single-event .mec-events-meta-group-countdown {
    margin-left: 0;
}
}
1 Like
#3

Thanks a lot!

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.