[Support request] Overlapping sections

[Cris]

Hello

On index page I have vertically divided a section into 2 parts with “Lightweight Grid Columns” an CSS. Apparently it looks very good but, when you change the size of the screen to tablet, the next section overlaps. See it: https://drive.google.com/open?id=1FEgAVu_k5lfmMVgEteEEudJa3ncbF18i
This occurs when a class is added within the “Lightweight Grid Columns” tag. Even if that class does not have any CSS. Any solution, please?
Thank you

[David]

Hi Cris,

thats a strange one, it’s a clear fix bug by the looks of it related to the grid being used by LGC. Not sure why adding a class would cause this. Maybe Tom knows better. For the time being you can try adding this CSS:

@media (max-width: 1024px) {
.lgc-clear {
    display: block !important;
}

[Cris]

Thanks David, although your CSS does not work. I’ll wait to see if Tom or someone has another suggestion.

[David]

Hi Chris,

i made a mistake in the CSS, i have edited the above, can you try again.

David

[Cris]

Hi David

In that screen size works perfect but in larger screen everything is mismatched.

[David]

Hi Chris can you add the code back in so i can see the problem.

[Cris]

It is done!
By putting the code again I saw that it was missing the last }
It works perfect. Thank you very much!

[David]

Hi Chris, thats great news glad you got it fixed!

[Author]

Posts