[Resolved] Reducing spacing between page header and content

[John]

Hi,

I’m wondering if there’s anyway to reduce the gap between my page header image and the main content.

I have a page header globally assigned to all pages with 40% Top and Bottom padding, but would like to reduce the bottom space without affecting my header image (shrinking it) – which is what happens when I try and do it with CSS. Is there an alternate way to reduce this spacing?

Thanks

Scottmac

[Leo]

Hi there,

Give this CSS a shot:

@media (min-width:769px) {
    .container.grid-container {
        margin-top: -20px;
    }
}

[John]

Thanks Leo,

That did the trick 🙂

[Leo]

No problem!

[Author]

Posts