How can I align '3 products' text to the left on mobile version?

[MT27]

hi can you help me align the text that says ''3 products'' to the left for the mobile version only

thank you 

URL: https://matibrnd.com/

Pass: biangu

https://matibrnd.com/collections/hoodies

[pooja_d_92]

Hey @MT27 

I hope you are well and safe!!

Please use this code in base.css file
@media screen and (max-width: 749px) {
.collection ul#product-grid li.grid__item {
width: 32%;
}
}

Thanks

[MT27]

i want the text to move not the products

[BSS-Commerce · Accepted solution]

Hi @MT27 ,

Result:

To get the above result, you can follow the following steps:

Step 1:  Go to admin -> select Online store -> Themes -> Edit code

Step 2: Add the following code at the end of the base.css file

@media only screen and (max-width: 750px) {
    .facets-container {
        display: flex;
        flex-direction: column;
    }

    .product-count.light.medium-hide.large-up-hide {
        width: 100%;
        display: flex;
        margin-left: 100px;
        justify-content: flex-start;
    }
}

Hope it helps @MT27