[Resolved] responsive background in sections and grid columns in tablet mode

[Marjon Tas]

Hi Tom,

I have a problem with the responsiveness in the background in sections using your simple grid column . It usually is fine, but in this case, the background is cracked in the tablet mode. In Full screen and mobile it is ok again.

I will send you the url to the page beneath. I used some extra css for styling on the homepage, but in another page, I tried it clean, and it still breaks. Can you check maybe what is the problem?

Thanks!

[Leo]

Hi there,

Not quite sure if I understand.

The page you linked have solid color both both sections.

Let me know what I’m missing here 🙂

[Marjon Tas]

Hi Leo,

Thanks for your quick response,

The backgrounds don’t follow the height of the grid columns in the tablet mode. I discovered this is the case if I use the gridcolums in sections set on full width (box type ánd inner box type). If I set the inner box type on ‘contained’ it works fine. But I need the full width inner box type.

I use chrome for testing the responsiveness. The first section has no background color. The second I have set a black background for testing.

Can you test again? https://dewebruimte.nl/idea/staalsoftware/

Thanks!

[David]

Hi there, can you try adding this CSS and let me know:

@media (max-width: 1025px) and (min-width: 768px) {
	.lgc-clear {
		display: block !important;
	}	
}

[Marjon Tas]

Works like a charm again! Thank you very much David!

[David]

Glad we could help!

[Author]

Posts