mnawrocki

On 2/29/2020 at 7:18 AM, tuanphan said:

Sleep care is last child so it has no margin right, other items has margin right

Edit to this code

.ProductList-filter-list-item:nth-child(6) {
    order: 5;
    margin: 0 25px 0 0;
}

 

Thank you so much! This worked perfectly 

On 2/24/2020 at 8:01 AM, tuanphan said:

@media screen and (min-width:641px) {
.ProductList-filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: center;
}
.ProductList-filter-list-item:nth-child(1) {
    order: 1;
}
.ProductList-filter-list-item:nth-child(2) {
    order: 2;
}
.ProductList-filter-list-item:nth-child(3) {
    order: 3;
}
.ProductList-filter-list-item:nth-child(4) {
    order: 4;
}
.ProductList-filter-list-item:nth-child(5) {
    order: 5;
}
.ProductList-filter-list-item:nth-child(6) {
    order: 6;
}
}

You can play around with order

Thank you so much! I was able to adjust them but the 5th and 6th options lost the space between the categories (where it says SLEEP CAREOTHER). Do you know why this may have happened? www.shopplantbasedbeauty.com/shop-our-store

Hi there @tuanphan - thanks so much for your quick reply, here's the page I'm referring to:

https://www.shopplantbasedbeauty.com/shop-our-store

Thanks again, looking forward to hearing back! 

Hi there @tuanphan - I saw your comment earlier this year about coming back with some details around adjusting the shop categories order for the Brine template. Just stopping by to see if you have any insights to share. Thank you!