How to fix overlapping product titles on mobile display?

[alwaysdela]

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

[Liquid_xPert_SJ]

@alwaysdela 

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

Thanks

[alwaysdela]

alwaysdela.com

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

[Liquid_xPert_SJ]

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

Thanks

[alwaysdela]

Unfortunately, that did not work.

[Liquid_xPert_SJ]

@alwaysdela

CCan you please share screenshot where you are placing code. 

Thanks