From e9297302a6038f6f962061638c15c72d49989a47 Mon Sep 17 00:00:00 2001
From: rom-1 <37835829+rom-1@users.noreply.github.com>
Date: Sat, 2 Jan 2021 17:54:45 +0100
Subject: [PATCH] Adding CSS Rule for media -> Mobile View

this CSS Code is intended to target mobile view, but there was no selector for @media.
fixing my own dumb errors..... sorry for committing again, shame on me.
---
 xExtension-CustomCSS/README.md | 39 ++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/xExtension-CustomCSS/README.md b/xExtension-CustomCSS/README.md
index ec58b86..820d0a3 100644
--- a/xExtension-CustomCSS/README.md
+++ b/xExtension-CustomCSS/README.md
@@ -52,24 +52,27 @@ Mobile screen resolution:
 
 The Top Menu within the mobile view might look a little bit cluttered, depending on the theme. The following CSS rules allow to hide unneccessary top menu buttons or input boxes.
 ```css
-/* Hides "Actions" Menu in Mobile View */
-#nav_menu_actions {
-    display: none;
-}
-
-/* Hides "Views" Menu in Mobile View */
-#nav_menu_views {
-    display: none;
-}
-
-/* Hides "Search" Input Box in Mobile View */
-.nav_menu .item.search {
-    display: none;
-}
-
-/* Hides the Dropdown Menu Button next to the "Mark all read" Button in Mobile View */
-#mark-read-menu .dropdown {
-    display: none;
+@media (max-width: 840px) 
+{
+    /* Hides "Actions" Menu in Mobile View */
+    #nav_menu_actions {
+        display: none;
+    }
+    
+    /* Hides "Views" Menu in Mobile View */
+    #nav_menu_views {
+        display: none;
+    }
+    
+    /* Hides "Search" Input Box in Mobile View */
+    .nav_menu .item.search {
+        display: none;
+    }
+    
+    /* Hides the Dropdown Menu Button next to the "Mark all read" Button in Mobile View */
+    #mark-read-menu .dropdown {
+        display: none;
+    }
 }
 ```