This looks so much better on mobile (suggestion)

[ghost]

Moving the month header to a separate <tr> in ./assets/fullcalendar/fullcalendar.js

and css:

#calendar td.fc-header-center {
    text-align: right !important;
}
#calendar table.fc-header {
    font-size: 13px !important;
}

makes the full calendar much more responsive (and fitting) on mobile devices - specially iphone 5, 5se and 6.

Without an adaption as this one, calendar is not usuable on iphone. Don't know about android though.

        function render() {
                tm = options.theme ? 'ui' : 'fc';
                var sections = options.header;
                if (sections) {
                        element = $("<table class='fc-header' style='width:100%'/>")
                                .append(
                                        $("<tr/>")
                                                .append("<td></td>")
                                                .append("<td></td>")
                                                .append(renderSection('center'))
                                )
                                .append(
                                        $("<tr/>")
                                                .append(renderSection('left'))
                                                .append("<td></td>")
                                                .append(renderSection('right'))
                                );
                        return element;
                }
        }

[ghost]

And don't forget to minify the fullcalendar.js to fullcalendar.min.js ;-)

[buddh4]

I've done some mobile view enhancement for in the upcoming release