diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
new file mode 100644
index 0000000000000000000000000000000000000000..55d244ff1e0c1045cd4215b2713f2438e5eb596b
--- /dev/null
+++ b/apps/files_sharing/css/mobile.css
@@ -0,0 +1,18 @@
+@media only screen and (max-width: 600px) {
+
+/* make header and controls bar scroll up for more view of content on small screens */
+#header,
+#controls {
+	position: absolute;
+}
+
+/* hide size and date columns */
+table th#headerSize,
+table td.filesize,
+table th#headerDate,
+table td.date {
+	display: none;
+}
+
+
+}
diff --git a/apps/files_sharing/public.php b/apps/files_sharing/public.php
index f4042f65248e26808777215b87c135b4dd8cc0a8..ae0a62f1034441eb11dbaa96a9003e0b62fe6bc0 100644
--- a/apps/files_sharing/public.php
+++ b/apps/files_sharing/public.php
@@ -136,6 +136,7 @@ if (isset($path)) {
 	} else {
 		OCP\Util::addScript('files', 'file-upload');
 		OCP\Util::addStyle('files_sharing', 'public');
+		OCP\Util::addStyle('files_sharing', 'mobile');
 		OCP\Util::addScript('files_sharing', 'public');
 		OCP\Util::addScript('files', 'fileactions');
 		OCP\Util::addScript('files', 'jquery.iframe-transport');