Remove Home from the mobile navigation menu in Supply Theme

Solved
Tourist
4 0 0

Hi, I'm looking to remove the "Home" submenu link from my mobile navigation menu. I am using the Supply Theme. 

 

I can edit the Top-Nav menu and successfully remove "Home" from the menu on Desktop by editing the Navigation menu, but it does not remove "Home" from the mobile menu.

 

Thanks!

0 Likes
Shopify Partner
273 51 57

Add this in theme.scss.css

.mobile-nav li:first-child {
    display: none !important;
}

 

 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
1 Like
Tourist
4 0 0

Perfect! It works. Thank you very much.

0 Likes
Tourist
4 0 0

@Guleria wrote:

Add this in theme.scss.css

.mobile-nav li:first-child {
    display: none !important;
}

 

 


Heads up, I just realized that applying this code also hides the first submenu item for any nested menus elsewhere on your mobile navigation menu. 

Any tips on how to avoid this, so that you hide only the Home menu?

 

Thanks

0 Likes
Highlighted

Success.

Shopify Partner
273 51 57

Use this 

.mobile-nav .large--hide {
    display: none !important;
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
0 Likes
Shopify Partner
273 51 57

And if still Home menu is visible in mobile device or my previous solution create any issue.
Go to mobile-nav.liquid under Snippets and remove this code line no. 2 to 5

  {% unless linklists[section.settings.menu].links.first.url == routes.root_url %}
  <li class="large--hide">
    <a href="{{ routes.root_url }}">{{ 'general.breadcrumbs.home' | t }}</a>
  </li>
  {% endunless %}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
If helpful then please Like and Accept Solution.
If you happy and want to donate small, click here: Paypal
0 Likes