Okay
  Public Ticket #599581
empty column error on mobile
Closed

Comments

  • Marcel started the conversation

    Hi,

    I noticed that when I create a layout of 3 columns (1/4 + 1/2 + 1/4) and I put something only in the middle column, then if I go to mobile layout portrait, the empty columns do not get hidden. Instead, the system generates a column with 1px height and 25px margin-bottom. Note that the last column (also empty) has no margin at the bottom.

    Now my question is: shouldn\'t the empty columns be automatically hidden? I\'m digging into this problem because that 25px margin-bottom space creates a big visible gap in any layout.

    I know I could go and manually hide all those columns but I think it should be done automatically?

    Later Edit: I now understand the logic of this mobile layout: column - 25px margin bottom - column - 25px margin bottom - column. But I would love to see those empty columns disappear :)


    Thanks,
    Marcel

  •  8,470
    Tahir replied

    Hey ,

    See screenshot: http://prntscr.com/99fjta . The empty wrapper is inside the column div so there is no way to hide a parent element by checking if child div is empty and hiding it.

    Best.


    ThemeNectar Support Team 

  • Marcel replied

    Thanks for your quick reply.

    So the best way to handle this would be to adjust the responsive settings on a page to page basis? Like hide empty columns for small devices and also adjust settings for desktop to something different than \"inherit from smaller\" (this is what I\'m thinking to do).


    Marcel

  •  8,470
    Tahir replied

    Yes ,That seems to be correct.

    Best.


    ThemeNectar Support Team