Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1303821

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

    #1303831

    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

    #1303863

    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.

    #1303866

    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!

    #1303936

    Hi,

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

    Best regards,
    Jordan Shannon

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.