SquareJack Posted October 19, 2022 Posted October 19, 2022 (edited) 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! Edited October 19, 2022 by ErikaLynn
tuanphan Posted October 22, 2022 Posted October 22, 2022 Add 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; } 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment