Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 3, 2021 at 4:41 pm #1303821
    1121 Media

    I would like the columns to go from 4×1 to 2×2 on tablet.

    June 3, 2021 at 5:05 pm #1303831
    Jordan Shannon

    Hey 1121,

    Add this to quick css:

    @media only screen and (max-width: 767px) {
    .flex_column.av_one_fourth.no_margin.flex_column_table_cell{
        width: 48%!important;
        clear: none!important;
        float: left!important;
        min-height: 240px!important;
    } 
}

    Best regards,
    Jordan Shannon

    June 3, 2021 at 6:16 pm #1303863
    1121 Media

    Thanks for the response Jordan.
    It works, but the last column is not in in the right place. Any solutions?

    The first 3 columns have a different custom css class, but i don’t think this matters.

    June 3, 2021 at 6:25 pm #1303866
    1121 Media

    Changed the code a little bit.

    .flex_column.av_one_fourth.no_margin.flex_column_table_cell{
    width: 48%!important;
    margin-bottom: 20px!important;
    clear: none!important;
    float: left!important;
    min-height: 400px!important;
    }
    }

    This works for me.

    Thanks!

    June 4, 2021 at 4:54 am #1303936
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘4 columns not breaking in to 2 columns tablet size’ is closed to new replies.