Remove Home from the mobile navigation menu in Supply Theme

[ChuckD87]

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!

[Guleria]

Add this in theme.scss.css

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

[ChuckD87]

Perfect! It works. Thank you very much.

[ChuckD87]

---

@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

[Guleria · Accepted solution]

Use this 

.mobile-nav .large--hide {
    display: none !important;
}

[Guleria]

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