Jump to content

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

Recommended Posts

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.

Screen Shot 2020-11-19 at 9.20.14 AM.png

Screen Shot 2020-11-19 at 9.20.38 AM.png

Link to comment

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.

Screen Shot 2020-11-19 at 9.20.14 AM.png

Screen Shot 2020-11-19 at 9.20.38 AM.png

Screen Shot 2020-11-20 at 8.42.08 AM.png

Screen Shot 2020-11-20 at 8.42.20 AM.png

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
  • 2 weeks later...
On 1/4/2021 at 9:06 PM, ChalkPaintGuyUK said:

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.

 

On 1/18/2021 at 2:43 PM, gfgytrfyt676 said:

yes its very important information and question also for the young generation who are currently coming on this side this platform always provides the very good discussion service to the point you can see my first site of underwear where i also do the same things that you mentioned.

Sorry for the delay. Do you still need help?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

I'm having this exact same issue too. I tried the custom CSS above and while it goes some way to providing a solution i.e. the product categories top bar is also visible on individual category pages, the formatting doesn't look good and the 'All/' category is still visible. It doesn't format at all on mobile. 

Any more answers/solutions? It seems like a very basic feature that SqSp should have included in 7.1 from the offset.

Link to comment
On 1/23/2021 at 9:27 AM, PrismPots said:

I am also running into this issue with the CSS provided. I would appreciate a solution as well.

 

On 2/7/2021 at 11:23 PM, PhilB said:

I'm having this exact same issue too. I tried the custom CSS above and while it goes some way to providing a solution i.e. the product categories top bar is also visible on individual category pages, the formatting doesn't look good and the 'All/' category is still visible. It doesn't format at all on mobile. 

Any more answers/solutions? It seems like a very basic feature that SqSp should have included in 7.1 from the offset.

Can you share site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 2/16/2021 at 11:30 AM, sjcwallprints said:

My alignment problem isn’t as bad as the others but you can see it still. It would be good if it could scroll like in the original template. 
 

https://stephenchowphotography.com/shop

Can you  explain clearly? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.