Locomotive Posted February 25, 2021 Share Posted February 25, 2021 Site URL: https://www.jonesnewyorkplatinum.com/collection When on our main collection page we have the 4 category options visible (Bracelets, Earrings, Necklaces and Sets). When you go into a category the only menu option visible is "All", but I'd like all the categories to still be visible instead. So if someone is looking at our Earrings, I want them to still be able to see all the categories so they could, for example, switch over to Necklaces, instead of having to click All and then choose Necklaces. I can't figure out a way to do this. Link to comment
tuanphan Posted March 1, 2021 Share Posted March 1, 2021 Try adding 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; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } Locomotive 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Locomotive Posted April 22, 2021 Author Share Posted April 22, 2021 On 3/1/2021 at 8:31 AM, tuanphan said: Try adding 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; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } Since I've done this, now the All header is showing a bit higher than the other categories. Do you have an idea of how I can fix that? You can see it here: https://www.jonesnewyorkplatinum.com/collection Link to comment
tuanphan Posted April 24, 2021 Share Posted April 24, 2021 On 4/22/2021 at 10:19 PM, Locomotive said: Since I've done this, now the All header is showing a bit higher than the other categories. Do you have an idea of how I can fix that? You can see it here: https://www.jonesnewyorkplatinum.com/collection Add to Design > Custom CSS a.category-link.root.active { margin-top: 6px; } Locomotive 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment