Heading text not wrapping correctly on tablet view

Store Design
,
1

When I view my website on a tablet device the heading text is not wrapping correctly and cutting off words. See the screenshot below. The text should read MOUNTAIN BIKE LIFESTYLE CLOTHING, but some of the letters are dropping down. I am not sure how to fix it… - https://tyredrider.com.au/

ipad tablet view
ipad tablet view1536×2048 564 KB

2

Hi @Tyred_Rider , add the below code to your theme’s CSS file.

@media screen and (min-width:746px) and (max-width: 900px) {
	#shopify-section-template--21741307986242__image-with-text h2.image-with-text__heading {
	    font-size: 45px;
	}
}
3

That seems to have done the trick. I added that code to the theme.liquid tab in a tag and now the text adjusts the size and wraps correctly. Thanks for that.

4

Please don’t forget to accept as solution if my code worked.