Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Icant figure out how to make this post title and line height resposnive on phone

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #248823
    iizag
    Participant

    I cant figure out how to make this work. I have been trying different things with no luck. I just want to increase the posts entry h1 font size and line height. This issue is , that everytime I attempt this change and then check my phone, the fone size and line height stay huge and non resposnive.

    This is one of the attempts that had no luck :

    .post-cover-title .post-title {
        font size: 3.25em;
        line-height: 62px;
    }
    

    Here is the link to a post where you can check it out on firebug :

    http://iamdentistry.com/archive/dentistry/dentist-suicide-rate/

    Thank you for any help, I apperciate it.

    #248825
    Shikkediel
    Participant

    The parent’s font-size is 16px, so 3.25em comes down to 52px. That’s what I’m seeing as well, it is large indeed… but not unexpected?

    #248964
    iizag
    Participant

    I don’t think I wrote my issue clearly lol. The problem is that when I set the font size to a different font size for the header. Then it is not responsive anymore. Right now the theme defaults to a 50px header font size. I want to make it a 52px header font size. But when I do make it 52px through CSS, and then check it on my phone then I notice that the new 52px font size is no longer adjusting to the new smaller screen size but rather stays too large… Versus the defaults 50 px font size that is the default of the theme, whcih adjust perfectly to a new screen size. So somehow by me targeting it though css it looses all resposnivness.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.