- Posts
On the phone and tablet version of my site, the line spacing of my header font is too close, which causes each line to partially cover the previous one. Even when I make the font on the headings as small as possible, it won’t go to one line, and it wont reduce the line spacing, so there is still a partial overlap. Any way around this? This is my site (to see on a device)
Hello Katie.
Thanks for posting your question about adjusting the line spacing in the header font, as it appears on Tablet/Mobile devices. You can customize the CSS for that particular item, by using the CSS Editor in BoldGrid’s Customizer. I was able to pull up your website and I believe the following code should handle adjusting the spacing for tablet/mobile devices:
@media (max-width:991px) {
entry-title > h1 {
line-height: 1.2;
}
}You can simply copy/paste that code into the CSS Editor as described in the article (linked above). I hope this helps!
Sincerely,
Carlos D
Hi Carlos,
I entered this into the custom CSS, and adjusted it to 1.9, and tried various numbers there up to 20 just to see if anything would happen, and then would click publish, and I could not find a difference. Am I changing the code for the line height correctly? This is what I have currently and cannot see a difference –
@media (max-width:991px) {
entry-title > h1 {
line-height: 1.9;
}
}
- The topic ‘Can you adjust line spacing on the headings?’ is closed to new replies.
