Keep all categories in top bar navigation in view on each category page

I have the categories set to top bar navigation. I would like the category navigation (all the categories) to remain in view on each category page (not product pages), with a highlight on the current category the viewer has clicked. Currently on my site when you click a specific category, the entire listing of categories disappears leaving only "all pieces /"*  and the category you are on.    

*Further, I don't understand where the slash mark is coming from either as it is not part of my naming and I would like to remove the slash.

EDIT: My site is 7.1  and apparently this feature was removed, while standard on the previous versions. 

Does anyone have code to make this possible for 7.1

Thanks

Can you share link to category page? We can check easier

Images of my current site. v7.1

1st image shows my main shop page with all categories visible in top view.

2nd image shows category page in this case "spirit eye collection" as you see only "all pieces" remains visible from the category list, all other categories disappeared. 

3rd image, if I set categories to side view. Again the main shop page shows all categories listed.

4th image, the category page in this case "spirit eye collection" keeps all categories in view, with the category in view highlighted (yes this is good), however, there is a header line "all/" that is confusing and I would like to remove. 

So, to recap, in category top view, I would like all categories to stay in view when you click on one of the categories, with the current view highlighted. 
In side view, I want to remove the header line that links to the "all/" since it is already listed in the category list field.

Can you share link to category page?

I’m also having this issue.

I would just like the category nav to display at the top on all category pages.

Any help would be really appreciated.

✌️

On 11/23/2020 at 1:44 AM, CASKATE said:

I’m also having this issue.

I would just like the category nav to display at the top on all category pages.

Any help would be really appreciated.

✌️

Can you share link to shop page? We can check easier

@tuanphan just sent this to you in another thread. 

Thanks! 🙂

https://viola-seahorse-l65k.squarespace.com/shop

password: RosRosRos

I am also having this problem! Any advice available? Thank you!

I am also having this problem. Any tips on how to always show all categories at the top of the page?

https://maroon-viola-rzmk.squarespace.com/shop
 

password: getty 

7 hours ago, sjcwallprints said:

I am also having this problem. Any tips on how to always show all categories at the top of the page?

https://maroon-viola-rzmk.squarespace.com/shop
 

password: getty 

 

On 12/1/2020 at 2:01 AM, kschier said:

I am also having this problem! Any advice available? Thank you!

On 11/24/2020 at 7:24 PM, CASKATE said:

password: RosRosRos

Try adding to Home > Design > Custom CSS

/* Show category nav links */
div.nested-category-tree-wrapper {
    display: flex !important;
    float: none !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
}
section.products.collection-content-wrapper.products-list {
    flex-direction: column !important;
    display: flex;
}
.nested-category-tree-wrapper>ul {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nested-category-tree-wrapper>ul li {
    margin-left: 2vw;
}
nav.nested-category-breadcrumb {
    display: none !important;
}
ul.nested-category-children {
    display: none !important;
}

Hi @tuanphan

The CSS you shared is useful but I'm having alignment issues on the mobile version - any help with a workaround for this?

See https://thechalkpaintguy.com/anniesloan

Password: tuanphan

Thanks!

Marly.

Hi @tuanphanI'm also having the same alignment problem on mobile: meraguera.com/shop

Thanks!

Rosie