[Resolved] Remove space after header on mobile

[Evandro Arruda]

Hi folks,

I’m using a few social icons on mobile right after the header, but there’s an extra space after the header / before content that I just can’t remove (http://abcaprendizagem.com.br/).

When using sections I can set a spacer as a section and then hide it on mobile via CSS. Is it possible to remove this space on mobile by default?

Thanks

[Tom]

Hi there,

In each lightweight grid column shortcode, add: style="margin-bottom:0;"

That should do it 🙂

[Evandro Arruda]

Tom,

Thanks for the help, this code will be useful in the future, but that doesn’t seem to remove this extra space.

I think the space is generated by a separating space of 20 set in Element Spacing, but if I remove, the whole website will be messed up. Can I remove separating space only after header and @media (max-width: 767px)?

Thanks

[Tom]

Hmm, try this CSS:

.hide-on-desktop .lgc-column {
    margin-bottom: 0;
}

[Author]

Posts