1- اول باید بلد باشید که جچوری باید کد جاوااسکریپت رو تو سایتمون اجرا کنیم (لینک رو ببینید)

2- بعد باید با المنتور یه هدر بسازید (قسمت قالب های المنتور برید و یه هدر بسازید و تو همه صفحات نشونش بدید)

3- دکمه ای که باید هدر رو باز کنه با اسم کلاس menu-toggle بسازید.

دکمه ای که باید هدر رو ببنده ، با اسم کلاس menu-close بسازید.

و به کل سکشنی که باید بصورت اسلایدی باز بشه، اسم کلاس sidebar-menu رو بدید.

4- کالا کد جاوااسکریپت زیر رو توی فایل custom-script.js اضافه کنید:

document.addEventListener('DOMContentLoaded', function () {
  console.log('DOM ready');  

  const openBtn  = document.querySelector('.menu-toggle');
  const closeBtn = document.querySelector('.menu-close');
  const sidebar  = document.querySelector('.sidebar-menu');

  console.log({ openBtn, closeBtn, sidebar });

  if (!openBtn)  console.warn('.menu-toggle not found!');
  if (!closeBtn) console.warn('.menu-close not found!');
  if (!sidebar)  console.warn('.sidebar-menu not found!');

  if (openBtn && closeBtn && sidebar) {
    openBtn.addEventListener('click', function () {
      console.log('open clicked');
      sidebar.classList.add('open');
    });

    closeBtn.addEventListener('click', function () {
      console.log('close clicked');
      sidebar.classList.remove('open');
    });
  }
});