How to fix overlapping product titles on mobile display?

Shopify Discussion
1

On mobile, my product titles are overlapping. This is on mobile and I have it set up to display two products per line. I would like to be able to have a second line for the product titles. I have them set up in a collection and my product grid template is where I am having the trouble.

Thank you

2

@alwaysdela

Can you please share the store url? so that i can look into it and give you exact solution.

Thanks

3

If you look under the tees page, there are several there that overlap.
Thank you!

4

@alwaysdela

can you please place below code into your customizer or base.css in the theme files refer to the screenshot below.

1- Online theme Customize > place the code in CUSTOM CSS section.

2- Online Theme > Edit Code > base.css file > at the end place the code

@media screen and (max-width: 991px) {
  #product-grid .card__heading.h5 a {
    letter-spacing: 0 !important;
}
}

2024-02-02 10_21_57-.png
2024-02-02 10_21_57-.png1340×607 57 KB

Thanks

5

Unfortunately, that did not work.

6

@alwaysdela

CCan you please share screenshot where you are placing code.

Thanks