Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Environmental-Tea-48

Member
  • Posts

    1
  • Joined

  • Last visited

Posts posted by Environmental-Tea-48

  1. On 12/8/2020 at 12:48 AM, tuanphan said:

    Try adding to 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;
    }

     

    Hi! I added this to my custom css, it has worked but there are formatting issues.

    This is my main store page without the code:

    1718497666_Screenshot2021-01-29at10_23_09.thumb.png.bcfa771910e581a7e6d96cf436e628e9.png

     

    Main store page with the code:

    215695270_Screenshot2021-01-29at10_27_07.thumb.png.eb79a5f812ae6bf4a95407f17bfb4e7a.png

     

    category page with the code: 

    1350803845_Screenshot2021-01-29at10_26_55.thumb.png.786a19a58f5eaa0f2008317c88012179.png

     

    I like the original look, with lines under the navigation and in-between each individual category. Now the main store page has no lines at all, and on the category pages the navigation is under the line. Is there a way to maintain the original formatting? 

×
×
  • Create New...