Product Description not centering on mobile

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 !important to 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.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

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

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;
}
}