Debut theme - Change the menu icon on mobile version

[Tiendaenlinea]

Hi, im using the debut theme.

how can i change de menu logo on mobile version or instead add the text "menu" to make more visible to users 

Thanks in advance

[Pallavi · Accepted solution]

Hello There, 

Kindly follow the below given steps:-

1) Find  {% include 'icon-hamburger' %} in header.liquid

2) Replace  {% include 'icon-hamburger' %} with <span class="mobile-nav--open menu-item">MENU</span>

3) Add the below given css in theme.scss.liquid file

.mobile-nav--close {
.menu-item {
display: none !important;
}
}

By doing this you will remove the hamburger menu and will replace it with menu text. Kindly check once and let me know if you need any further assistance.