diff --git a/public/viewjs/calendar.js b/public/viewjs/calendar.js
index 0d9f05a1..4ea49a78 100644
--- a/public/viewjs/calendar.js
+++ b/public/viewjs/calendar.js
@@ -1,4 +1,5 @@
 var firstDay = null;
+var resized = false;
 if (!Grocy.CalendarFirstDayOfWeek.isEmpty())
 {
 	firstDay = parseInt(Grocy.CalendarFirstDayOfWeek);
@@ -43,3 +44,17 @@ $("#ical-button").on("click", function(e)
 		}
 	);
 });
+
+$(window).one("resize", function()
+{
+	// Automatically switch the calendar to "basicDay" view on small screens
+	// and to "month" otherwise
+	if ($(window).width() < 768)
+	{
+		calendar.fullCalendar("changeView", "agendaDay");
+	}
+	else
+	{
+		calendar.fullCalendar("changeView", "month");
+	}
+});