Site logo

Archived topic

elements pageheader gap in background-color 1024-768 px

5 replies · Started by Marjon Tas on October 29, 2018

Viewing posts 1–6 of 6

Hi,

I am making an element of my old pageheader. But I discover a gap in the backgroundcolor. Between 1024 and 768px it disappears. I checked all my extra css, but found no cause. Can you check what my cause this?

I will put a trial link beneath.

Thanks!

Best regards, Marjon

Hi there,

Can you try adding this after your Page Hero content?:

<div class="clearfix"></div>

Let me know if it helps or not :)

Hi Tom,

That helps! Thanks!

This the pageheader content now:

[lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="false"]Content[/lgc_column]
[lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="true"]Content slider[/lgc_column]

But how come this helps? :)
Is this an existing class in LGC plugin, or in the theme? Or do browsers interpret it by itself?

Thank you so much for your solution again!

It "clears" the floats used by the columns plugin.

I need to update the columns plugin to use Flexbox instead of floats, but Gutenberg will have its own columns block, so I'm not sure it will be necessary :)

Thanks for the explanation and the help!

No problem :)

This archived topic is closed to new replies.