Debut theme - Change the menu icon on mobile version

15 0 1

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



Shopify Expert
467 49 51

This is an 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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing