How to align a collection list to the left on both mobile and desktop?

[Luxurymrkt]

Hi j need some help to align this collection list on both mobile and desktop to the left

also remove space below on desktop

my site is https://luxurymrkt.com/collections/032c

[Lucass01]

I don’t know much about the editing code, but you can get this done through the theme customization

[websensepro]

Hi, @Luxurymrkt .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.collection__nav {
    justify-content: left;
}

(min-width: 768px) {

.collection__nav {
    justify-content: left;
    margin-left: -39px;
}

}

Result:

Mobile;

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

[Luxurymrkt]

I cant find a base.css file

i check under assets etc

[websensepro]

you find the theme.css file and style.css file and paste the code,

[Luxurymrkt]

i tired it on theme.css it didnt change anything

I dont have style.css

anywhere else I can place it?

[Luxurymrkt]

Any update?

[websensepro]

can you share your store access?

[PageFly-Noah]

Hi @Luxurymrkt

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly