Archived topic

Resize H1 for mobile view on Pivot Theme

1 reply · Started by Danny on January 21, 2019

Viewing posts 1–2 of 2

January 21, 2019 at 3:25 am #787674

Hi - I'm using the Pivot theme and I'm a bit stumped on how to resize H1 on the homepage for mobile view as part of the title is cut off when on portrait mobile view.

I've gone in typography > H1 but changing the size has no impact - I know I'm in the right area because changing the font or line size does reflect on the site but font size doesn't do anything.

I've noticed in the CSS it has a class of 'hero-headline' - is this overriding the size, if so is there a way to stop this?

Thanks

January 21, 2019 at 5:38 am #787764

Hi there,

In Customizer > Additional CSS look for and adjust this CSS - the second rule is controlling the mobile size for that headline:

.hero-headline {
    font-size: 3em;
    letter-spacing: 2px;
    color: #eff4f7;
}

@media( max-width: 480px ) {
    .hero-headline {
        font-size: 44px;
        line-height: 1.1;
        color: #eff4f7;
    }
}

This archived topic is closed to new replies.

Start building better websites today.