Removing the "menu" title in mobile version

Topic summary

A user seeks to remove the “menu” text label next to the mobile hamburger icon without removing the icon itself. Initial CSS attempts removed both elements.

Key Details:

  • Site uses a custom theme (not Dawn) with files like mega-menu-custom.liquid and menu-mobile.liquid
  • Password-protected site: beautyofpermanence.com (password: bananarama)
  • No standard header-drawer file present in theme structure

Attempted Solutions:

  • CSS targeting .slicknav_menutxt removed both text and burger icon
  • Suggestions to edit header-drawer file not applicable to this theme
  • Multiple CSS code snippets provided but initially unsuccessful

Resolution:

  • @suyash1 identified the menu text was being called by JavaScript code in the default theme content
  • Successfully removed the text while preserving the hamburger icon functionality
  • Issue confirmed resolved by original poster
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hi,

I’m trying to remove the “menu” title, next to the burger on the mobile version. I used the code below but that removed the burger as well. Any ideas? Thank you.

https://admin.shopify.com/store/ad6568

PW: bananarama

.slicknav_menutxt {
display:none;}
2 Likes

@hellocc - can you please share the website link?

Hello @hellocc ,

Go to online store,

Edit your current theme,

Search file header-drawer

Edit this file remove menu title

Hi @hellocc add the below code to your theme’s CSS file.

@media screen and (max-width:767px) {
	.slicknav_menutxt > div[role="navigation"] {
	    font-size: 0;
	}
	.slicknav_menutxt > div[role="navigation"] .icon-menu {
	    font-size: initial;
	}
}

Hi @hellocc

You need to used a selector with the written MENU so it will remove the word only. And for sure that it will be remove on mobile use media query. The URL youve shared is the admin, you can also share the preivew. Thanks!

Hi @iffikhan30 ,

I don’t have a header-drawer file. I have menu-mobile.liquid, menu-liquid, maga-menu.liquid and mega-menu-custom.liquid. I tried looking for the title there but couldn’t find it. Any thoughts? Thank you.

Hi @suyash1

The site is beautyofimpermanence.com

Thank you!

Hi @KabirDev ,

Thanks for responding. This didn’t work for me unfortunately.

Hi @Made4uo-Ribe

Thanks for responding. I tried doing that and different variations but it still removes the burger along with the text every time. The site is beautyofimpermanence. com if you don’t mind having a look. Thanks again!

@hellocc - what’s the password to view page?

If you are using DAWN it can be very easily, anyway Which theme you use, and this is your website link beautyofimpermanence. com, please share me your password.

Thanks

Hi @suyash1 ,

It’s bananarama

Hi @iffikhan30 ,

I’m not using the Dawn theme. Pw is bananarama. Thank you so much for the help!

@hellocc - it does not have any class or id, hence css wont work, will need to remove it from code only

Hi @KabirDev ,

It didn’t work unfortunately.

@suyash1 ,

That’s what I thought too… i tried looking for the code but can’t seem to find the right line. Can you maybe have a look and help me find it? Thank you!

Check if you have liquid code file named drawer or drawer menu like that

Hi @suyash1 ,

I don’t have a drawer-named file. Under Snippets I have mega-menu-custom.liquid, mega-menu.liquid, menu.liquid and menu-mobile.liquid. I looked everywhere incl. Header.liquid but can’t seem to find it. Much appreciated, if you could guide me a little further. Thank you!

Check menu mobile file

Hi @suyash1 ,

I can’t seem to find it. Here’s the code from the menu mobile file, if you don’t mind having a look. Thank you so much, much appreciated!

{% if type == 'mega' %}
  - {{ link.title }}
      
      
    
    
    
  

  {%
    render 'mega-menu'
    mega_menu: mega_menu,
    mega_text: mega_text,
    mega_text_url: mega_text_url,
    mega_id: mega_id,
    column_position: column_position,
    column_title: column_title,
    column_text: column_text,
    column_link: column_link,
    column_image: column_image
   %}
{% else %}
  {% if link.links == blank %}
    - {{ link.title }}
      
    

  {% else %}
    - {{ link.title }} 
        
        
      
      

          {% for sub_link in link.links %}
            {% if sub_link.links == blank %}
              - {{ sub_link.title }}
              
            

            {% else %}
              - {{ sub_link.title }} 
                
                
              
              

                    {% for sub_sub_link in sub_link.links %}
                      - {{ sub_sub_link.title }}
                    
                  
                    {% endfor %}
              
            
            {% endif %}
          {% endfor %}
      
    
  {% endif %}
{% endif %}