This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Overlapping Header Font on Mobile Devices?

Resolved 5 replies premiumthemetheme-vantage
Tara
11 years ago · Last reply by Andrew Misplon 11 years ago

I’m using a font called Dancing Script for my headlines and it’s working fine so long as it’s kept to one line. But on mobile devices it goes onto multiple lines and gets all bunched up.

This is H1, and I’m using inline CSS in a text box to achieve it because I don’t want the single pix line that comes under the Headline widget.

What CSS should I add to make the spacing between H1 lines normal (rather than bunched up)?

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 5 months ago

    Hi Tara

    Sounds like you need to set the line-height for that H1.

    h1.entry-title {
line-height: normal;
}

    normal can be changed to a px value.

    Ref: http://www.w3schools.com/cssref/pr_dim_line-height.asp

  2. Tara 11 years, 5 months ago

    It doesn’t seem to have worked Andrew.

    If you look at this page (https://www.tarahanrahan.com/work-with-me/) the second H1 down still has that issue (after putting the CSS into the customize CSS section).

  3. Andrew Misplon Staff 11 years, 5 months ago

    Thanks for the feedback. The CSS provided is only for the page’s first H1, the entry header. You can set line-height for any selector as follows:

    h1 {
line-height: normal;
}

    That’s for any h1. Swap out h1 with whatever you want to set the line height of. The word normal can be replaced with a px value.

  4. Tara 11 years, 5 months ago

    Perfect, thank you.

  5. Andrew Misplon Staff 11 years, 5 months ago

    For sure, glad to hear that helped.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread