From 9ea268552eb9e59215267dab01dac888674dc250 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Pasquier <contact@jbpasquier.eu>
Date: Tue, 6 Apr 2021 13:27:49 +0200
Subject: [PATCH] fix: menu magnifier on mobile

---
 src/styles/left-nav/_index.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss
index 2e71699..6dc5c91 100644
--- a/src/styles/left-nav/_index.scss
+++ b/src/styles/left-nav/_index.scss
@@ -5,9 +5,13 @@ nav#main__menu {
     background-image: url('../images/magnify-white.svg');
     background-color: var(--color-heading);
     background-repeat: no-repeat;
-    background-position-x: 80px;
+    background-position-x: right -20px;
     background-position-y: 150px;
-    background-size: 180px;
+    background-size: 80%;
+
+    @media (max-width: 768px) {
+      background-size: 60%;
+    }
   }
 
   @media (max-width: 768px) {