Is anyone able to tell me why one particular product description will not center on mobile? All of my other ones are… please see screenshot. thank you so much. ella.
URL: https://www.habooequestrian.com.au/products/horse-shoe-pendant
Topic summary
A user is experiencing an alignment issue where one specific product description won’t center on mobile devices, while all other product descriptions display correctly centered.
Problem Details:
- Affects only the horse-shoe pendant product page
- Issue is mobile-specific
- Screenshot provided showing the misalignment
Proposed Solution:
A community member suggested adding custom CSS code to the product section:
- Uses a media query targeting screens under 749px width
- Applies
text-align: center !importantto all elements within the product description - Requires adding the code to the section’s Custom CSS settings
Status: The discussion remains open pending confirmation of whether the CSS fix resolves the centering issue.
Hi @ellacoker
Please try to add this code to Custom CSS of that section and check again
@media (max-width: 749px) {
.product__description * {
text-align: center !important;
}
}