modify menu position while open

app/src/components/header/HeaderPart.vue

@@ -43,6 +43,7 @@ const toggleMenu = () => {
     >
       <component :is="headerComponent" />
     </div>
+    <div :class="{ 'w-full flex justify-end pb-3': menuOpen }">
       <button
         type="button"
         class="flex items-center h-5 w-5 rounded-md sm:hidden"
@@ -56,4 +57,5 @@ const toggleMenu = () => {
         />
       </button>
     </div>
+  </div>
 </template>