Archived topic

Reducing spacing between page header and content

3 replies · Started by John on March 15, 2018

Viewing posts 1–4 of 4

March 15, 2018 at 9:43 am #520836

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

March 15, 2018 at 5:31 pm #521114

Hi there,

Give this CSS a shot:

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

March 16, 2018 at 1:59 am #521335

Thanks Leo,

That did the trick :)

March 16, 2018 at 9:13 am #521707

No problem!

This archived topic is closed to new replies.

Start building better websites today.