Fix desync between mobile menu "close" image and button

1 files changed, 6 insertions, 0 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 58160d9..6b8dc3e 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -312,6 +312,7 @@ footer.legal {
     header.slidingmenu > .content > img.button.close {
         grid-column: 1;
         grid-row: 1;
+        position: fixed;
     }
     header.slidingmenu > .content header.banner {
         grid-column: 2;
@@ -372,6 +373,11 @@ footer.legal {
         height: 2em;
     }
 
+    header.slidingmenu > input:checked {
+        position: fixed;
+        width: 3rem;
+        height: 3rem;
+    }
     header.slidingmenu > input:checked ~ .content {
         transform: none;
     }