How to hide 'All category' in page menu

How do you  hide the 'all' category in the pages menu.

There is not option to turn it off. I just want to show my individual categories only

Thanks

T_S_P

Can you share link to your site? @The_Style_Platform

On 11/19/2019 at 2:00 AM, tuanphan said:

Can you share link to your site? @The_Style_Platform

I am also interested in this!  My site is: https://www.supercoffeefood.com/shopfood 

42 minutes ago, chriscollinge said:

I am also interested in this!  My site is: https://www.supercoffeefood.com/shopfood 

add to home > design > custom css

.ProductList-filter-list-item:first-child {
    display: none !important;
}

15 hours ago, tuanphan said:

add to home > design > custom css

.ProductList-filter-list-item:first-child {
    display: none !important;
}

 

Thank You Soo Much! It worked!

Hi! Is it possible to change the "all" category with another name, like featured for example?

Thank you!

19 minutes ago, Brig said:

Hi! Is it possible to change the "all" category with another name, like featured for example?

Thank you!

Yes. You can use CSS or JavaScript to edit text. Can you share link to your site?

@tuanphan sorry I was away for the holidays. Here is the link: https://orange-emu-7zlr.squarespace.com/config/

Thank you!

1 hour ago, Brig said:

@tuanphan sorry I was away for the holidays. Here is the link: https://orange-emu-7zlr.squarespace.com/config/

Thank you!

Add to Home > Design > Custom CSS

a.category-filter-link.category-filter-link-all {
    display: none;
}

@tuanphan Thank you but it says Missing closing } although there is one at the end (see screenshot attached); what should I do?

Thank you! 

14 minutes ago, Brig said:

@tuanphan Thank you but it says Missing closing } although there is one at the end (see screenshot attached); what should I do?

Thank you! 

Can you share all code in Custom CSS Box? I think other code is missing.

@tuanphan attached are all the codes but the previous ones work.

Thanks!

10 minutes ago, Brig said:

@tuanphan attached are all the codes but the previous ones work.

Thanks!

 

Line 9,5, It should be , not {

@tuanphan Thanks but now the text next to the POA artworks has disappeared... does the , need to be next to the word details?

5 minutes ago, Brig said:

@tuanphan Thanks but now the text next to the POA artworks has disappeared... does the , need to be next to the word details?

Line 9.5 was missing so Line 9 - Line 12 didn't work.

If you changed } to , Line 9 - Line 12 will work.

and there is another problem, you should check what Line 9 - Line 12 is doing on the website.

@tuanphan all the previous lines were just to hide the pice for certain artworks with the Tag POA on both the home page and on each product page that had that tag. I have changed Line 9,5 with a , at the end instead of { like you said but I don't know how to get the text back on the POA artworks, which is more important than getting rid of the All category... Let me know what I should do exactly, otherwise I'll just change it the way it was.

Thank you!

8 minutes ago, Brig said:

@tuanphan all the previous lines were just to hide the pice for certain artworks with the Tag POA on both the home page and on each product page that had that tag. I have changed Line 9,5 with a , at the end instead of { like you said but I don't know how to get the text back on the POA artworks, which is more important than getting rid of the All category... Let me know what I should do exactly, otherwise I'll just change it the way it was.

 

Thank you!

Can you paste all code here?

@tuanphan here you go:

.tag-poa .product-price:before {
  content: 'POA';
}

.tag-poa .product-price .sqs-money-native {
  display: none;
}

.tag-poa .ProductItem-summary .ProductItem-details ,
  .sqs-add-to-cart-button-wrapper, .product-quantity-input {
  display: none;
  }
a.category-filter-link.category-filter-link-all {
    display: none;
}

11 minutes ago, Brig said:

@tuanphan here you go:

.tag-poa .product-price:before {
  content: 'POA';
}

.tag-poa .product-price .sqs-money-native {
  display: none;
}

.tag-poa .ProductItem-summary .ProductItem-details ,
  .sqs-add-to-cart-button-wrapper, .product-quantity-input {
  display: none;
  }
a.category-filter-link.category-filter-link-all {
    display: none;
}

insert this code

.tag-poa .product-price:before {
  content: 'POA';
}

.tag-poa .product-price .sqs-money-native {
  display: none;
}

.tag-poa .ProductItem-summary .ProductItem-details {
  .sqs-add-to-cart-button-wrapper, .product-quantity-input {
  display: none;
  }
}
a.category-filter-link.category-filter-link-all {
    display: none;
}

@tuanphan great thank you for your help!

I need help with this also 

I want the categories hidden 

http://www.snatchedwears.com/products

Hello! I need help! I tried this code out but the thin line in between each of my categories is still there.

Code and screenshot:

a.category-filter-link.category-filter-link {
    display: none;
}

Hey, guys - 

I'm looking to do the same at my site:  https://deer-elk-ep7m.squarespace.com/config/

Just trying to delete the "All" category from my product page.

Thank you all.

I am also interested in this., want to remove the all category.  My site is oregonbistro.com/takeout.

15 hours ago, zachwellman said:

I am also interested in this., want to remove the all category.  My site is oregonbistro.com/takeout.

To hide "All", add to Home > Design > Custom CSS

#categoryNav ul li [href="/takeout"] {
    display: none;
}