Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2025 at 2:49 pm #1477488
    Jak73

    Hi,
    i added a color section, with 3 columns per row and two rows.
    When the screen-size (tablet) is reduced, there is too much space between the 3rd and the 4th row?
    Please see screenshot.
    How can i have the same space after each row in mobile view?
    kind regards Jak

    • This topic was modified 6 days ago by Jak73.
    February 20, 2025 at 10:50 pm #1477514
    Mike

    Hey Jak73,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 989px) { 
#top.home .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 21, 2025 at 9:11 am #1477541
    Jak73

    Hi Mike,
    thanks a lot. Works very nice.
    kind regards Jak

    February 21, 2025 at 1:53 pm #1477557
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Rows in colour section have wrong space between?’ is closed to new replies.