Archived topic

responsive background in sections and grid columns in tablet mode

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

Viewing posts 1–6 of 6

May 29, 2018 at 12:47 pm #587316

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!

May 29, 2018 at 4:33 pm #587450

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 :)

May 31, 2018 at 1:20 am #588492

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!

May 31, 2018 at 1:42 am #588503

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;
	}	
}

May 31, 2018 at 1:59 am #588513

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

May 31, 2018 at 3:12 am #588564

Glad we could help!

This archived topic is closed to new replies.

Start building better websites today.