Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2022 at 4:55 am #1336710
    laptophobo

    I’m using 1/4 columns within Layout Elements. On desktop, it is viewed at 4 columns x 4 rows. On mobile view, they collapse into a single column. I’d like for the content on the mobile view to show 2 columns (8 rows).

    In private is the site location.

    January 23, 2022 at 11:26 pm #1336784
    Mike

    Hey laptophobo,
    Please try this css:

    @media only screen and (max-width: 767px) {
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth {
    width: 47%;
    float: left;
    margin-right: 3%;
}
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.first {
    clear: none;
}
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.avia-builder-el-9,
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.avia-builder-el-25,
.responsive #top.page-id-1642 #wrap_all #after_section_1 .sc-av_one_fourth .av_one_fourth.avia-builder-el-33 {
    clear: both;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 24, 2022 at 4:08 am #1336809
    laptophobo

    Yup, that worked. Thanks! (you can close this topic now.)

    January 24, 2022 at 5:30 am #1336828
    Nikko

    Hi laptophobo,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘do not collapse columns’ is closed to new replies.