New Landing › How can we help? › Atelier › Mobile Titles too big

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • January 20, 2016 at 6:42 pm #242330
    leggero
    Member
    Post count: 107

    Hi Support
    My H1 and H2 titles on the mobile (iPhone 5 & 6) are way to big, they don’t adjust (still 36px).

    I tried this code, but it’s not working:

    @media only screen and (max-width: 767px)
    h1, h2 {
    font-size: 20px;
    }

    Any ideas?

    Thanks a lot and best regards

    Caspar

    Attachments:
    You must be logged in to view attached files.
    January 20, 2016 at 7:05 pm #242335
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Your code is missing the brackets, it should be:

    @media only screen and (max-width: 767px) {
  h1, h2 {
    font-size: 20px;
  }
}

    Thanks.

    January 21, 2016 at 10:21 am #242454
    leggero
    Member
    Post count: 107

    Hi David

    Also with the bracket it doesn’t apply: http://www.responsinator.com/?url=pepshot.ch%2Fde

    and see screenshot.

    Any thoughts?

    Thanks!

    Attachments:
    You must be logged in to view attached files.
    January 21, 2016 at 11:02 am #242473
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    try this instead:

    @media only screen and (max-width: 767px) {
.spb-asset-content h1 {
  font-size: 20px;
  line-height: 26px;
}
}

    – Kyle

    January 21, 2016 at 11:24 am #242490
    leggero
    Member
    Post count: 107

    Perfect, works!

    Thanks Kyle,

    Caspar

    January 21, 2016 at 11:51 am #242503
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great! No problem 🙂

    – Kyle

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.