Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 7, 2025 at 3:19 pm #1483774
    billbasler

    Kriesi team:

    At the lower art of the page (indicated in Private Content), I have 9 column elements, 3 elements across (1/3, 1/3, 1/3) and three “rows” vertically.

    On desktop view all looks good except I have extra space vertically between the rows. I would like the spacing between columns to be consistent with the spacing between the “rows.”

    On small mobile, it is a similar issue. When the layout goes to a single column view, the three 1/3 columns present visually as a “group,” —so it looks like three groups of three with extra spacing between the “group.”

    Can you help? —Bill B

    May 8, 2025 at 5:49 am #1483798
    Ismael

    Hey William,

    Thank you for the inquiry.

    Try to add this css code to decrease the default top margin of the flex column table container and make the spaces consistent on mobile view. 

    #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 6px;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top .container .av-content-small,
  .responsive #top #wrap_all .flex_column,
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin-bottom: 8px;
  }

  #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
  }
}

    View post on imgur.com

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.