How can I adjust my collections page for mobile without affecting desktop view?

Store Design
, , ,
1

So i have created a collections page, and on desktop it is perfect and centered, but when i go on my phone the collections are off center and too small. How do i fix this without changing the look of my website on computer?

Theme: Dawn

Website: desire-online.net

Screenshot (90).png
Screenshot (90).png1920×1080 374 KB

phone not center.jpg
phone not center.jpg1170×2532 183 KB

2

Hi @jakegrieveson

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

section#shopify-section-template--19958073753890__5384b4b2-1ee6-4cd1-a5eb-66acd626d532 {
    margin-left: 0 !important;
}
.card:not(.ratio) {
    align-items: center !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

3

Hey unfortunately this didn’t work, do you know of any other code that would work?

4

Hello @jakegrieveson

Here is the CSS that will perform these changes:

Please hit Like and Mark it as a Solution if you find our reply helpful.

5

This didn’t work either, what else can i do?