Removing the "menu" title in mobile version

[hellocc]

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;}

[suyash1]

@hellocc - can you please share the website link?

[hellocc]

Hi @suyash1 

The site is beautyofimpermanence.com

Thank you!

[suyash1]

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

[hellocc]

Hi @suyash1 ,

It's bananarama

[suyash1]

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

[hellocc]

@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!

[suyash1]

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

[hellocc]

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!

[suyash1]

Check menu mobile file

[hellocc]

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' %}
  <li
    class="
      megaMenu-dropdown
      sub-menu
      js-megaMenu-dropdown
      {% if link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}
        parent-link--false
      {% else %}
        parent-link--true
      {% endif %}
    "
    tabindex="0"
    aria-haspopup="true"
    aria-expanded="false"
  >
    <a class="sub-menu--link {% if link.active or link.child_active %}active{% endif %}" {% unless link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}href="{{ link.url }}"{% endunless %}>
      {{ link.title }}
      <span
        class="
          icon-down-arrow
          arrow
          menu-icon
        "
      >
      </span>
    </a>
    <span
      class="
        icon-right-arrow
        arrow
        mega-mobile-arrow
        menu-icon
      "
    >
    </span>
  </li>

  {%
    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 %}
    <li>
      <a
        {% if link.active %}
          class="active"
        {% endif %}
        href="{{ link.url }}"
        tabindex="0"
      >
        {{ link.title }}
      </a>
    </li>
  {% else %}
    <li
      class="
        dropdown
        sub-menu
      "
      aria-haspopup="true"
      aria-expanded="false"
    >
      <a
        class="
          sub-menu--link
          {% if link.active or link.child_active %}
            active
          {% endif %}
          {% if link.url == 'http://' or link.url == '' or link.url == '/' or link.url == 'https://' or link.url == '#' %}
            slicknav_item
          {% endif %}
        "
        {% unless link.url == '#' %}
          href="{{ link.url }}"
        {% endunless %}
        tabindex="0"
      >
        {{ link.title }}&nbsp;
        <span
          class="
            icon-down-arrow
            arrow
            menu-icon
          "
        >
        </span>
      </a>
      <ul class="submenu_list">
        {% for sub_link in link.links %}
          {% if sub_link.links == blank %}
            <li>
              <a tabindex="0" href="{{ sub_link.url }}">
                {{ sub_link.title }}
              </a>
            </li>
          {% else %}
            <li
              class="sub-menu"
              aria-haspopup="true"
              aria-expanded="false"
            >
              <a
                {% if sub_link.url == 'http://' or sub_link.url == '' or sub_link.url == '/' or sub_link.url == 'https://' or sub_link.url == '#' %}
                  class="slicknav_item sub-sub-menu--link {% if sub_link.active or sub_link.child_active %}active{% endif %}"
                {% else %}
                  class="sub-sub-menu--link {% if sub_link.active or sub_link.child_active %}active{% endif %}" href="{{ sub_link.url }}"
                {% endif %}
              >
                {{ sub_link.title }}&nbsp;
                <span
                  class="
                    icon-right-arrow
                    arrow
                    menu-icon
                  "
                >
                </span>
              </a>
              <ul class="sub_submenu_list">
                {% for sub_sub_link in sub_link.links %}
                  <li>
                    <a tabindex="0" href="{{ sub_sub_link.url }}">
                      {{ sub_sub_link.title }}
                    </a>
                  </li>
                {% endfor %}
              </ul>
            </li>
          {% endif %}
        {% endfor %}
      </ul>
    </li>
  {% endif %}
{% endif %}

[suyash1]

@hellocc - no more code? can you add me as collab? I will check it

[hellocc]

Thank you, Suyash! I just added you.

[suyash1]

checking it, looks like that menu is called by some js coding

[suyash1 · Accepted solution]

@hellocc - it was in default theme content, it is been removed now, please check

[hellocc]

Yes, it's gone! Thank you so much, @suyash1 !

[iffikhan30]

Hello @hellocc ,

Go to online store,

Edit your current theme,

Search file header-drawer

Edit this file remove menu title

[hellocc]

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. 

[iffikhan30]

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

[hellocc]

Hi @iffikhan30 ,

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

[iffikhan30]

Hello @hellocc ,

If the issue is still pending, message me on inbox, I will check.

[KabirDev]

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;
	}
}

[hellocc]

Hi @KabirDev ,

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

[hellocc]

Hi @KabirDev ,

It didn't work unfortunately. 

[Made4uo-Ribe]

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!

[hellocc]

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!