Modifying store category navigation

Hi, 

Can a stores category navigation be modified so that it shows ALL of the main categories permanently? For instance, I have three main categories = "By Color" "By Collection" and "A-Z" when you click into a main category i.e. "By collection" it will take me to that category only without the ability to navigate to other main categories. It only show the active category and "veiw all"...I would like it to show all main categories for easier navigation rather than "view all" ....

Can anything be done? 

Thanks!

Add this to 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;
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;
}

@tuanphan Thank you so much!! Everything looks perfect except for the "By Collection" category has subcategories that mess up the formatting (see attached) is there anyway to make it so it stays on the same plane as the other subcategories? 

@tuanphan Here's a video of how's it's functioning if that helps!

Can you share page url? We will check it again

@tuanphan https://marikameyer.squarespace.com 

pw: marikameyer22!

Thank you for helping!

@tuanphan https://marikameyer.squarespace.com/by-the-yard/collections

Is the page in question.

pw: marikameyer22!

Thanks!!

On 10/23/2022 at 10:47 PM, ErikaLynn said:

@tuanphan https://marikameyer.squarespace.com/by-the-yard/collections

Is the page in question.

pw: marikameyer22!

 

Thanks!!

260430763_ScreenRecording2022-10-19at10_13_31AM.mov

Try adding this code under

.products.collection-content-wrapper .nested-category-tree-wrapper li ul {
    display: none;
}

@tuanphan thank you, I added the new line of code under but It shows up just for a second and then the subcategories (under collection) disappear. Darn!

Screen recording attached.