It’s already centered on mobile, but I need it to be centered on desktop as well.
Just need that product to be centered. Thanks
Topic summary
A user seeks help centering a product display under “Available” on desktop, noting it already works correctly on mobile.
Solutions Provided:
Two community members offered CSS-based fixes:
-
PageFly-Noah suggested adding custom code to
theme.liquidabove the</head>tag via the Shopify theme editor (Online Stores > Themes > Edit code). Included a screenshot reference. -
Dan-From-Ryviu recommended inserting CSS code at the bottom of the
base.cssfile:
.collection ul.grid {
justify-content: center;
}
Outcome:
The original poster thanked PageFly-Noah for the assistance, suggesting the issue was resolved.
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
1 Like
Thanks for your help!
You can do that by adding this CSS code at the bottom of your base.css file
.collection ul.grid { justify-content: center; }
