Aligning Collection Page Content to the Right (Dawn)

[manbru]

Hello,

I would need some help with aligning the content that’s shown in the image below on my collection page to the right. But this is very important (without using margin or padding), because i want it to keep the same position no matter what screen size it’s shown on. It can be something like this: min-width: 768px.

my store: https://r1vex.myshopify.com/collections/2

Thanks for helping me out!

[Sweans]

Hi @manbru ,

Please apply the following CSS code to the slider component:

.collection-list-wrapper .slider-component.slider-mobile-gutter {
    max-width: 960px;
    margin-left: auto;
    padding-right: 3%;
}

@media only screen and (min-width: 768px) and (max-width: 1152px) {
    .slider-component.slider-mobile-gutter {
        max-width: 820px;
        width: 67%;
    }
}

You can add the code in the custom CSS section on the customize page. Please refer to the screenshot below.)

Please review the result below:

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,
Sweans