Empty columns taking up space in mobile view

[Takaji]

If I create a row with two columns and leave one column empty, the empty column takes up space when viewed in mobile. Is there a way to fix this?

Example on this page (view in mobile): https://sunordic.org/

An example element that is creating extra space on that page: e2-24

Screenshot showing the extra space (outlined in red brackets): https://i.gyazo.com/64878482fc820121f19c0d431d87d653.png

Thanks!

[lely]

Hi Takaji,

Thank you for the detailed information.
Please inspect the column. Go to Customize Tab > Element CSS. Add the following:

@media(max-width:480px){
  $el{
   display:none;  
}
}

Hope this helps.

[Takaji]

That works, thank you!

[jade]

You’re welcome, Takaji.