Jump to content

sub category display in category menu

Recommended Posts

I am hoping to create a shop sub-category under my "originals" category. the sub category is titled "mini cocktails" but the category name is displaying kind of randomly in the middle of all the other categories on my menu bar after I click into the parent category. I have some custom code in my site including some to make the categories menu sticky while viewing the categories. not sure how to go about a solution for this. Is there a way to only display the parent category in the menu bar of a sub-category?


Current 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;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 9999;

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;
    flex-wrap: wrap !important;

.nested-category-tree-wrapper>ul li {
    margin-left: 2vw;

nav.nested-category-breadcrumb {
    display: none !important;

ul.nested-category-children {
    display: none !important;

a.category-link.root {
    padding-bottom: 0 !important;
    padding-top: 6px !important;

/* fix first item space */
li.category-item:first-child a {
    padding-bottom: 0 !important;



Link to comment
  • 2 weeks later...

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.