Archived topic

Remove space after header on mobile

3 replies · Started by Evandro Arruda on December 17, 2015

Viewing posts 1–4 of 4

December 17, 2015 at 11:09 am #160666

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

December 17, 2015 at 6:08 pm #160798

Hi there,

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

That should do it :)

December 18, 2015 at 1:41 am #160867

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

December 18, 2015 at 12:37 pm #160929

Hmm, try this CSS:

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

This archived topic is closed to new replies.

Start building better websites today.