fixed scroll in mob order

Author: Nikolas-vl

src/js/header.js

@@ -5,14 +5,16 @@ document.addEventListener('DOMContentLoaded', function () {
   const burgerBtn = document.querySelector('.open-modal');
   const closeBtn = document.querySelector('.close-menu');
   const mobileMenu = document.querySelector('.mobile-burger-menu');
+  const orderBtnMob = document.querySelector('.order-btn-mob');
 
   if (
     !menuBtn ||
     !navMenu ||
     navLinks.length === 0 ||
     !burgerBtn ||
     !closeBtn ||
-    !mobileMenu
+    !mobileMenu ||
+    !orderBtnMob
   )
     return;
 
@@ -65,4 +67,19 @@ document.addEventListener('DOMContentLoaded', function () {
       closeMobileMenu();
     });
   });
+
+  orderBtnMob.addEventListener('click', function (e) {
+    e.preventDefault();
+    const targetId = this.getAttribute('href').substring(1);
+    const targetSection = document.getElementById(targetId);
+
+    if (targetSection) {
+      window.scrollTo({
+        top: targetSection.offsetTop - 50,
+        behavior: 'smooth',
+      });
+    }
+
+    closeMobileMenu();
+  });
 });