Calendar Not Sizing Properly on Mobile

Question

Hi there,

I am experiencing an issue with the Calendario Plug-In when viewing the site on mobile. When the view switches from the full-screen calendar to the collapsed stacked view, the days only go up to the 8th, with everything else getting cut-off from view. Here is the live view of the test site we have set up. I have attached a screenshot of the issue as well.

Anything you can do to help would be great! And thanks for the template; I'm loving the look and usability so far!

SemiColonWeb · Accepted Answer

Hello,

We have checked out your Website and this Issue occurs because of the following Custom CSS Code you have added in the Header:

.fc-calendar .fc-body { height: 700px; }

Please replace the above code with the following:

.device-lg .fc-calendar .fc-body,
.device-md .fc-calendar .fc-body { height: 700px; }

This will definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.