[Support request] Resize H1 for mobile view on Pivot Theme

[Danny]

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

[David]

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;
    }
}

[Author]

Posts