How can I align this custom section in center

[Moeed]

Hey so basically I have a custom section that displays other collections but I wanna align them in the center, does anyone know how can I do it?

https://www.saya.pk/collections/kefi-vol-0123

[GemPages]

Hello @Moeed

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[Moeed]

It’s center on desktop now but not displaying properly on mobile

Like the side ones got cut out

[MandasaTech]

Hello @Moeed

I would like to give you a solution to support you:

1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before :

<style>
.row.collections-slider.five-items {
justify-content: center;
}
</style>

Was my reply helpful? Please Like and Accept Solution. This means alot to me

[Moeed]

Still the same problem, it’s displaying properly center on desktop but getting cutout on mobile and not displaying fully

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >custom-style.scss.css and paste this at the bottom of the file:

.row.collections-slider.five-items {
    justify-content: center;
}

[Moeed]

I want to center it but only on desktop not on mobile

[Moeed]

Found a solution myself