[Resolved] Mobile Header Title Issue

Home Forums Support Mobile Header Title Issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1427205
    Moises

    Hi there,

    I seem to be having an issue that i have no idea how to fix!

    I’ve set up the header title for the homepage and all works well on desktop. However, on mobile the ‘Performance’ text seems to be cutting off.

    I’ve tried editing the @media query via css but it doesn’t seem to be working. I’m currently running Elementor on it too.

    Any help would be greatly appreciated.

    #1427261
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    @media (max-width: 768px) {
        h1.hero-title {
            letter-spacing: 2px;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know if this helps 🙂

    #1427264
    Moises

    Hi Leo,

    Added that to the ‘Additional CSS’ section – but no luck unfortunately…

    #1427463
    David
    Staff
    Customer Support

    Hi there,

    you have an extra } in your CSS which is breaking the CSS see here:

    .hero-title {
        font-size: 40px;
        letter-spacing: 12px;
        font-weight: 500;
    }
    } /* remove this bracket */
    
    @media (max-width: 768px) {
        h1.hero-title {
            letter-spacing: 2px;
        }
    }

    I have commented the bracket you need to remove.

    #1427467
    Moises

    D’oh! That’s fixed it.

    Thanks so much guys.

    #1427739
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.