Hamburger Menu Issues ( Shopify Dawn Theme )

[dreamtechzone_5]

Hello Everyone!
Someone helped me fix the menu. He did a great job. But I see some problems with the menu. When I click on hamburger menu first time it shows fine but when I click on hamburger menu second time the submenu doesn’t show. Another thing is that below mega menu it shows social icon, language, currency. I don’t want to show it in mega menu in desktop mode. Only in mobile mode will social icon, language, currency show. Also, can it take up like 40% or 60% of the screen instead of 100%? Please help me. Thank you.

Store: https://blue-chic-clothes.myshopify.com/

Password: Admin

I don’t want to show social icon, currency, language in desktop mode.

40% or 60% of the screen instead of 100%?

[Small_Task_Help]

Hi,

Hope this will help

• For problem 1 Find code that handles mobile menu toggle.

Replace the code (example) with this

const menuToggle = document.querySelector('.header__menu-toggle');
const menu = document.querySelector('.header__menu');

menuToggle.addEventListener('click', function () {
  if (menu.classList.contains('open')) {
    menu.classList.remove('open');
  } else {
    menu.classList.add('open');
  }
});

• For problem 2 add CSS in css file

CSS example

.mobile-only {
  display: none;
}

@media screen and (max-width: 749px) {
  .mobile-only {
    display: block;
  }
}