Change hamburger icons

[NOT1]

I am using Dawn theme and changed the hamburger icon by removing all the deafult code with my custom svg code but when i click it this shows 

Where only cross icon should have been shown but my custom icon is also showing how can i only show the cross icon 

[albertofanini]

Hi there,

can you share to me the code of your file?

[Small_Task_Help]

Hi,

Check JavaScript that controls the toggling of the hamburger and cross icons (make sure code hides the custom SVG when the menu is open and shows the cross icon. )

Code example

const menuToggle = document.querySelector('.menu-toggle');
const menuIcon = document.querySelector('.menu-icon');
const closeIcon = document.querySelector('.close-icon');

menuToggle.addEventListener('click', () => {
    menuIcon.classList.toggle('hidden');
    closeIcon.classList.toggle('hidden');
});

Use CSS for Adjustment