LouieLouie
-
Posts
4 -
Joined
-
Last visited
Reputation Activity
-
LouieLouie got a reaction from NEC in Would like Category Menu to stay in place through out entire store
I did some searching in these forums and was able to figure out a way to keep the category menu up in case anyone else comes looking for it. This is a combination of a few codes that were recommended here to others.
/* 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;
}
li.category-item:first-child a {
padding-bottom: 0 !important;
}
@media screen and (max-width:767px) {
div.nested-category-tree-wrapper ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a {
padding-bottom:0px!important;
}
-
LouieLouie got a reaction from ElleR in Would like Category Menu to stay in place through out entire store
I did some searching in these forums and was able to figure out a way to keep the category menu up in case anyone else comes looking for it. This is a combination of a few codes that were recommended here to others.
/* 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;
}
li.category-item:first-child a {
padding-bottom: 0 !important;
}
@media screen and (max-width:767px) {
div.nested-category-tree-wrapper ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a {
padding-bottom:0px!important;
}
