Not responsive mobile embedded video card event

Mobile version/

Hi @frostengine,

You need to customization it, so please follow the steps explained in this article: https://webnus.net/dox/modern-events-calendar/inspect-element/

Note: you should change the image background-size and repeat:
https://www.w3schools.com/cssref/pr_background-image.asp (use the background property)

Best Regards

Hi @webnus!

I can’t understand which element, I tried to apply the size and repeat parameter to the element with id = player, but it doesn’t help ??

• This reply was modified 4 years, 6 months ago by frostengine.

Hi @frostengine,

You can use the CSS below:

@media (max-width: 480px) {
    .mec-wrap .mec-event-tile-view article.mec-tile-item {
        height: 360px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center!important;
    }
}

Best Regards

@webnus

Sorry, I think I’m asking the wrong question, if you open the pop-up link, you can see what the inserted youtube video looks like, there wasn’t such a problem before, the video moved in both the mobile and desktop versions.

https://ibb.co/s5Xqd44

https://www.zefgame.ru/upcoming-releases/

Hi @frostengine,

You can use the CSS below:

@media(max-width: 480px) {
    .mec-single-event .mec-events-content iframe {
        width: 100% !important;
        height: auto !important;
    }
    .mec-single-event .mec-events-content .wp-block-embed {
        margin: 0 !important;
    }
}

Best Regards

@webnus

Yes!!!

Thank you, and I noticed another problem during the conversation.

In the search filters through the admin panel, there are no events, and when you try to find an event through the search, entries appear on the site without events. And if you use the search on the calendar page, it just doesn’t show anything, as if the event doesn’t exist.

Hi @frostengine,

I check it and didn’t see any issue, please make sure use the latest version and if your issue persists yet, please follow the steps below:

https://i.postimg.cc/Z5RrpgR4/image.png

For troubleshooting, deactivate all your plugins and let the MEC remain active only, set your theme on default, then reload the page, if the issue was solved, then activate your plugins one by one and your theme, refresh your page and check to see which plugin is causing the issue.

Best Regards