Reduce text line height on mobile

Question

How would I reduce the text line height on mobile devices? It is way too large and requires more scrolling than it should. All text is affected. Thank you!

SemiColonWeb · Accepted Answer

Hello, The Default body Line Height is 1.5 . Use this CSS: And the Default Content Area Line Height is 1.8 . Use this CSS: This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

baroninkjet · Answer

I know what line height is. My question was about reducing line height on mobile devices, not everywhere. : (

Semicolon Web · Answer

Hello,

We were mentioning the Values of Line Height defined by default in Canvas. Additionally, you never mentioned which Element's Line Height were you planning to decrease. Please Consider using the following CSS Codes:

@media (max-width: 767px) {
	body { line-height: 1.5; }
	#content p { line-height: 1.8; }
}

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.