Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1127712

    Hello!

    I’ve got a page that includes a section with 2 rows of 5 columns, like so:

    A B C D E
    F G H I J

    I’ve tried using the code in the documentation to adjust this layout on mobile to 2 columns, this code:

    @media only screen and (max-width:767px) {
    .col-25p {
    width:49%!important;
    background:gold;
    }
    .col-25p.av_one_fifth{
    margin-left:1%!important;
    }}

    The above code results in the following arrangement on mobile, where the 5th column from each original row is orphaned:

    A B
    C D
    E
    F G
    H I
    J

    What I want instead is

    A B
    C D
    E F
    G H
    I J

    Can you help me find a good fix for this? Thanks so much!

    #1128401

    Nevermind on this. I improvised an unrelated solution.

    #1128752

    Hi,
    Sorry for the late reply, but glad you were able to sort it out, thanks for using Enfold.

    Best regards,
    Mike

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Making 5 columns into 2 columns on mobile?’ is closed to new replies.