fix android problem

assets/css/src/generic.css

@@ -97,3 +97,7 @@ body {
 .toggle-btn--right.open::before {
   content: "-";
 }
+
+.transition {
+  transition: all 0.5s var(--curve-sine);
+}

assets/css/src/header.css

@@ -78,9 +78,6 @@ body[data-template="home"] {
   top: calc(var(--unit--vertical) * 4);
 }
 
-.entry-btn {
-  transition: all 0.5s var(--curve-sine);
-}
 [data-template="home"] .entry-btn {
   align-items: start;
 }

assets/css/src/nav.css

@@ -4,7 +4,7 @@
 }
 .panel {
   position: fixed;
-  width: 100%;
+  width: 100vw;
   height: 100dvh;
   top: 0;
   background-color: #000;

assets/js/script.js

@@ -69,6 +69,8 @@ function enableToggleEntriesVisibility() {
   });
 
   observer.observe(entries);
+  leftBtn.classList.add("transition");
+  rightBtn.classList.add("transition");
 }
 
 function toggleLogoState() {