EvoraTesting
Centered for mobile and desktop would be nice
Topic summary
A user seeks to center their product page layout for both mobile and desktop views. After sharing their store URL (evorahq.com), they receive step-by-step CSS guidance:
Solution provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add the following CSS at the bottom:
.product__info-container * {
text-align: center;
}
.quantity-input, .fieldset.js .product-form__input {
margin: auto;
}
The code centers text alignment for product information and auto-centers quantity input fields. A screenshot demonstrates the expected centered result. The solution addresses both mobile and desktop centering requirements.
1 Like