M.E Calendar responsive issue

The Full Calendar does not show well on mobile device.

Hello @alessandrorussino,

Thanks for writing in!

I believe that this is a bug with the latest release of the plugin. In the meantime, you can add this custom CSS in Cornerstone > Theme Options > CSS to get the issue resolved:

@media(max-width: 979px){
    .mec-calendar,
	.mec-calendar .mec-calendar-events-side,    
	.mec-calendar .mec-calendar-topsec,
	.mec-calendar dl {
	    display: block;
	}

	.mec-calendar .mec-calendar-side,
	.mec-calendar .mec-calendar-events-side {
	    width: 100%;
	}
}

Kindly let us know how it goes.

It worked thank you, also I think because of heavy customization there’s a weird delay upon loading the page. Is there a code to clear that delay?

Also is there a way I can make the right-side of the event’s for the month listed shorter in width? It is awkwardly wider than the calendar. Thank you so much for all your work

Hello @alessandrorussino,

The delay is coming from the Full Calendar skin. There is no option to adjust the delay. Be advised that any modifications to the styling or features of MEC are beyond the scope of our support. What you are trying to do requires custom coding development already. We only cover getting your site set up, bug fixes, and minor cosmetic changes. It is best that you contact a 3rd party developer to be able to accomplish what you have in mind.

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

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