From 0ff236f157781f3074cf7301ee018745963daf7c Mon Sep 17 00:00:00 2001
From: sotys <69301544+sotys@users.noreply.github.com>
Date: Mon, 10 Aug 2020 14:51:04 +0200
Subject: [PATCH] Update README.md

---
 xExtension-CustomCSS/README.md | 43 +++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/xExtension-CustomCSS/README.md b/xExtension-CustomCSS/README.md
index 124486d..fc4995a 100644
--- a/xExtension-CustomCSS/README.md
+++ b/xExtension-CustomCSS/README.md
@@ -7,4 +7,45 @@ To use it, upload this directory in your `./extensions` directory and enable it
 ## Changelog
 
 - 0.2 added file permission check, added german translation, removed un-editable file static/style.css
-- 0.1 initial version
\ No newline at end of file
+- 0.1 initial version
+
+## Examples
+
+### Enhancing mobile view
+
+The following CSS rules let you have a more comfortable mobile view by hiding some icons (read/unread article, mark as favorite and RSS feed's favicon) and by reducing text size. It also displays the name of the subscribed feed, instead of the favicon:
+
+```
+@media (max-width: 840px) 
+{
+	.flux_header .item.website
+	{
+		width:20%;
+		padding:3px;
+	}
+
+	.flux .website .favicon, .flux_header .item.manage
+	{
+		display:none;
+	}
+	
+	
+	.flux_header .item.website span
+	{
+		display:inline;
+		font-size:0.7rem;
+	}
+}
+```
+
+The result is shown below:
+
+\begin{table}[]
+\begin{tabular}{l}
+Desktop screen resolution: \\
+![Desktop](desktop_resolution.png)                           \\
+Mobile screen resolution:  \\
+![Mobile](mobile_resolution.png)                          
+\end{tabular}
+\end{table}
+