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
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
Hey unfortunately this didn’t work, do you know of any other code that would work?
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.
This didn’t work either, what else can i do?