Modules not stacking evenly on small screens Buildr

swellking

Hi Friends,
On the home page I have 3 modules in positions Grid1, Grid2, Grid3 that should stack evenly when the screen size is reduced. But Grid2 kind of overlaps Grid1 with no margin. Is there a setting I am missing here? Your suggestions are welcome...

teitbite

swellking Hi. In Your custom.css file in line 123 I can see a style like:

#grid1 .gridhome {
height: 80px;
}

try adding this to css:

@media only screen and (max-width:787px) {
#grid1 .gridhome {
height: 150px;
}
}

or change Your original code.

swellking

Right! I had forgotten about that code! Thanks!