Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 2, 2024 at 9:40 am #1441843
    frasche

    I am creating 4 x 25% columns on a page for the members of a club. The containers contain the logo and the members’ address details. Since there are 130 members, this is OK on the desktop version, but on mobile Enfold switches to one container per member. I haven’t found anything about how to display 2 containers per column on the mobile. Do you have a code that I can use to display 2 containers per column next to each other on the mobile instead of just one? I could also solve this with a code block (Flexbox), but since the page is for a customer who wants to edit the site themselves, a code block is not a solution.

    May 2, 2024 at 11:47 am #1441867
    Mike

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

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

    if this doesn’t help please include a link to your page so we can examine.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.