Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 27, 2018 at 5:24 am #990540
    laptophobo

    I have a 4 column layout row that I would like to see reduced to 2 columns (and 2 rows) when the device is viewed at 767px or lower. Currently, the Enfold settings go from 4 across to 1 across.

    You can view the page at the link provided in private.

    Thanks!

    July 28, 2018 at 5:09 am #990877
    Mike

    Hey laptophobo,
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
.responsive #top.page-id-3307 #wrap_all .flex_column.av_one_fourth {
width: 48% !important; 
margin-right: 2% !important; 
}
.responsive #top.page-id-3307 #wrap_all .flex_column_table_cell {
    float: left !important; 
}
}

    Best regards,
    Mike

    July 29, 2018 at 12:34 pm #991041
    laptophobo

    That totally worked. Thanks Mike.

    July 29, 2018 at 6:11 pm #991146
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘2 columns row for mobile devices’ is closed to new replies.