Misalignment

Store Feedback

Topic summary

A store owner noticed misalignment issues between product titles and descriptions in their desktop view.

Two solutions were provided:

  1. JavaScript approach (Moeed): Add custom code to the theme.liquid file, placed above the closing tag

  2. CSS approach (BSS-TekLabs): Modify base.css or theme.css by adding text-align properties to the product form selector

Resolution: The store owner confirmed the issue was successfully resolved after implementing one of the suggested fixes. Both solutions targeted centering the product form elements to correct the alignment problem.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi guys, I was in my store and I realized that the desktop view is misalign with the description and title, i will attach a picture to show what I am talking about

Screenshot 2024-07-29 at 11.39.44 AM.png
Screenshot 2024-07-29 at 11.39.44 AM.png1178×1326 64.1 KB

1 Like
2

Hey @tomas_marino1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1722269151375.png
Moeed_0-1722269151375.png604×814 27 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3
  • Here is the solution for you @tomas_marino1
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
variant-radios, .product-form form {
text-align: -webkit-center !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1722269529423.png
BSSTekLabs_0-1722269529423.png1374×848 132 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
4

Thank you!

5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.