Debut theme - Change the menu icon on mobile version

Solved
Highlighted
Tourist
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 

 

Tiendaenlinea_0-1604041289780.png

Thanks in advance

 

 

0 Likes
Highlighted
Shopify Expert
437 45 48

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 .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing