how to set mobile width and countdown please?

Hello,

1- You can use Inspect element and change each section for yourself. Then put the CSS codes in M.E. Calendar > Settings > Custom CSS.
If you want to make changes to design then you can use Inspect Tool to see the source code of your website and the CSS rules applied to it. To enable it right click and from the pop-up menu select Inspect Element.

For more details please visit Chrome inspect element or Firefox inspect element. Meanwhile searching in google about it will be helpful.

For example, we try to change the bottom gray border color in the footer. You can watch the tutorial video here:

2- You need customization in order to have this, you can check this link about overriding MEC templates:
https://webnus.net/dox/modern-events-calendar/mec-theme-integration-guide/

Regards,

Hi @alexlii,
I didn’t see an issue on the original demo, but please send a live URL from your an issue.

You need to remove margin on countdown section: https://www.w3schools.com/css/
Responsive Sizes: https://www.designersinsights.com/designer-resources/designing-responsive-website/

Regards

Hi,

Please use CSS below on MEC Settings > Custom CSS:

@media(max-width:480px) {
    .mec-single-event .mec-events-meta-group-countdown {margin: 0;}
    .mec-wrap .flip-clock-wrapper ul {padding-left: 20px;}
    .mec-wrap .flip-clock-wrapper { padding-bottom: 0;}
    .mec-container {width: 90%;}
}
@media(max-width:414px) {
    .mec-single-event .mec-events-meta-group-countdown {margin: 0; padding: 20px 7px;}
    .mec-wrap .flip-clock-wrapper ul {padding-left: 15px !important; width: 25px !important;}
    .mec-wrap .flip-clock-wrapper ul li a div.down div.inn {font-size: 18px !important;}
}
@media(max-width:320px) {
    .mec-wrap .flip-clock-wrapper ul {padding-left: 15px !important; width: 20px !important;}
}

After add css, you should clear cache,
Regards

​
You’re welcome,

Please leave a 5-Star rating for MEC Plugin in WordPress plugin page if you are happy with our product.

https://wordpress.org/plugins/modern-events-calendar-lite/