Archived topic
Overlapping sections
7 replies · Started by Cris on May 14, 2018
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
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;
}Thanks David, although your CSS does not work. I'll wait to see if Tom or someone has another suggestion.
Hi Chris,
i made a mistake in the CSS, i have edited the above, can you try again.
David
Hi David
In that screen size works perfect but in larger screen everything is mismatched.
Hi Chris can you add the code back in so i can see the problem.
It is done!
By putting the code again I saw that it was missing the last }
It works perfect. Thank you very much!
Hi Chris, thats great news glad you got it fixed!
