Hide 'all' menu option on mobile dropdown menu

Solved

Hi all,

 

I want to remove the 'all' as shown below on the mobile dropdown menu, it shows on any menu with a dropdown/nesting - it does not show on desktop, only mobile.

 

thumbnail_privatevarmobileContainersDataApplicationDB7A2ADA-AC8F-46AE-A39B-85102E8E6297tmpB7C439B6-766D-44E9-9276-82D4D3E2F636Image.jpg

 

I have tried adding both these below in to the css.liquid file which I found on another post, however still no success.

.site-nav__dropdown.meganav > ul > div > div:nth-child(1) > li:nth-child(2) {
display: none;
}ul.dropdown-menu .list-title{ display:none}

 

Can anyone please shed some light on how I can remove the 'all'?

 

Thanks :) 

 

 

Introducing everyday urban clothing at northspoke.com
0 Likes
Qualitycheck
Shopify Expert
1404 114 225

please share a store url to better assist

0 Likes

Hi,

 

URL is northspoke.com as in screenshot :)

 

Thanks!

Introducing everyday urban clothing at northspoke.com
0 Likes
Qualitycheck
Shopify Expert
1404 114 225

This is an accepted solution.

try this

#MobileNav-Parent-2 li.mobile-nav__sublist-link:first-child a {
 display: none;
}

Hi,

 

This worked for the first dropdown 'Men' but not the others? Do I need to add any other code?

 

Thanks :)

Introducing everyday urban clothing at northspoke.com
0 Likes
Qualitycheck
Shopify Expert
1404 114 225

If helpful then please Like and Accept Solution .

0 Likes
Qualitycheck
Shopify Expert
1404 114 225

This is an accepted solution.

try this

.mobile-nav__sublist li.mobile-nav__sublist-link:first-child a {
 display: none;
}
Qualitycheck
Shopify Expert
1404 114 225

If helpful then please Like and Accept Solution .

Perfect - Thankyou!

Introducing everyday urban clothing at northspoke.com
0 Likes
Qualitycheck
Shopify Expert
1404 114 225

thanks kinds of word

if any issue let me know

0 Likes