Text behaviour varies according to page width

Hi, I noted in product grid that some of the text on my product cards does not behave as expected - if the screen is too wide.

All text is set to the left underneath the card.

On a full screen, the text on the outer products appears to centre itself.

If I shrink the width of the screen slightly, the text moves to the left and looks as it should.

webpage is https://boops.co.uk/collections/kits

Many thanks, Kristian

1 Like

Sorry I did not understand your issue.
Are you referring to the product text under the image? or text in the image itself?
Could you share screenshots?

Hi @Boops_1 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

Hi, thanks for the nudge in the right direction. I went to the theme.liquid file above the /head tag and found the below code…! Deleted and all is working fine now. It must had been there for a reason so I imagine I’ve broken something else

.card__content { justify-content: center; }
1 Like

@Boops_1 , Did you fix it?