Columns Responsive

[hanri]

Hi there,

I have a page with various sections with rows and columns. I have one specific row with 4 columns, but when I test the page for small devices these 4 columns are not visible at all and seem to be completely hidden.

Please can someone point me in the right direction here, I’m stumped.

Thanks very much.

[paul.r]

Hi,

Thanks for writing in!

It’s because of the height that you have added to your sections.

You need to remove it to make it responsive.

Thanks

[hanri]

Thank you that worked perfectly!

One thing I notice now, is that there is a huge space underneath the map when I view for mobile device. I have used this custom css on the map:

height: 550px; overflow:hidden;

I need to change the height otherwise the map is too high.

What would you suggest?

Thanks so much!

[rad]

Hi there,

I suggest do it in CSS, instead of adding it in Inline CSS input field, add this to the Element CSS (just under the Inline CSS field).

@media ( max-width: 767px ) {
$el {
height: 550px; 
overflow:hidden;
}
}

Hope this helps.