How to set products to the left site

How to set products to the left site

Noissyclth
Visitor
2 0 1

Hi,
I need a little help with product positioning and borders.

I would like to move the products to the left side in that row so they are not in the middle. (Last products on the site)

In addition if there are less than a certain number of products (4) in a row, the borders are missing with the side products.

missing product borders.png

My store is offline, here is preview link:

https://2lt8hbv7lwle6u3d-92656828751.shopifypreview.com

Replies 2 (2)

Moeed
Shopify Partner
7334 1989 2424

Hey @Noissyclth 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.grid.product-grid {
    justify-content: start !important;
}
</style>

RESULT:

Moeed_0-1744532989830.png

 

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Noissyclth
Visitor
2 0 1

@Moeed 

Hi thanks for your answer!

Do you know the solution to add/keep right border of the item? I can see on your screen that last item doesn't have border all around it 😞