Need Help with Mec Events on mobile

[bcoplin]

http://444.021.myftpupload.com/events/hb-kids-christmas-choir/

So the mobile layout for the individual event pages is really awkward on mobile.

Is there some css i can add to control the margin on mobile only for the single event pages.

Thank you in advance for the help.

[thai]

Hi There,

To fix that issue, please add the following CSS under Customizer > Custom > Global CSS:

@media only screen and (max-width: 479px){
    .mec-container {
        width: 95%;
    }
    .mec-single-event .mec-events-meta-group-countdown {
        margin-left: 0;
    }
}

Hope it helps