Hide ALL category on drop down mobile menu

Solved
Smeelah
Trailblazer
267 1 68

Hi,

On the mobile drop down menu, there is an extra ALL collection line after each menu item. 

 

IMG_3928.PNG

 

I'm on Minimal. I tried adding the following code (and a few others) to my theme.scss.liquid but nothing has worked so far.

 

.mobile-nav__sublist li.mobile-nav__sublist-link:first-child a {
display: none;
}

 

I'd really appreciate help with this!

Thanks,

LeilaCools.com

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
li.mobile-nav__sublist-link.site-nav--active {
    display: none;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Qualitycheck
Shopify Expert
1404 114 225

Please Share a store url to better assist.

0 Likes
Smeelah
Trailblazer
267 1 68

Thanks @oscprofessional ...I tried it but it didn't work. 

 

@Qualitycheck the url is leilacools.com

0 Likes

This is an accepted solution.

@Smeelah,

Add below css

@media only screen and (max-width: 749px){
#MobileNav-Parent-1 li:nth-child(2n+1) {
	display: none;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Smeelah
Trailblazer
267 1 68

@oscprofessional That works for my phone - yay!

 

But the issue still existed for my ipad mini on portrait. 

 

So I changed the max-width and it works on ipad mini as well. 

Do you think that will be ok?

 

@media only screen and (max-width: 768px){
#MobileNav-Parent-1 li:nth-child(2n+1) {
display: none;
}
}

 

 

0 Likes

yes...


@Smeelah wrote:

@oscprofessional That works for my phone - yay!

 

But the issue still existed for my ipad mini on portrait. 

 

So I changed the max-width and it works on ipad mini as well. 

Do you think that will be ok?

 

@media only screen and (max-width: 768px){
#MobileNav-Parent-1 li:nth-child(2n+1) {
display: none;
}
}

 

 


 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Smeelah
Trailblazer
267 1 68

@oscprofessional Thanks so much!

0 Likes
Smeelah
Trailblazer
267 1 68

Hi again, @oscprofessional and @Qualitycheck ,

My mobile menu reverted back to showing 'ALL' after each collection. I don't know why the code stopped working. 

Is there something else that I can try?

Thank you for any help!

LeilaCools.com

(Minimal theme)

IMG_2941.PNG

0 Likes