Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 22, 2022 at 8:27 am #1336619
    laptophobo

    I’m using Partner/Logo element. On desktop, it is viewing at 3 columns and two rows. On mobile view, they collapse into a single column. I’d like to keep the desktop view on the mobile view (3 across, 2 rows).

    In private is the site location. The logos are in the “need a helping hand?” section.

    Thanks!

    January 23, 2022 at 12:31 am #1336690
    Mike

    Hey laptophobo,
    Thanks for the link to your page, please try this css:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #program-highlights .avia-content-slider-odd .no_margin.av_one_third.slide-entry.first,
.responsive #top #wrap_all #program-highlights .avia-content-slider-odd .no_margin.av_one_third {
    width: 33.3%;
    clear: none;
}
}

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

    Best regards,
    Mike

    January 23, 2022 at 4:42 am #1336705
    laptophobo

    Mike,
    Thanks again for your good solution. I’ve applied your code and it does the job. However, I had to add the following within the @media change to get rid of the added 4% margin-left that was pushing the element outside of the row. Here it is:

    .responsive #top #wrap_all .slide-entry {
    margin-left: 0;
    }

    Cheers.

    January 23, 2022 at 2:42 pm #1336737
    Mike

    Hi,
    Glad we were able to help, and thanks for sharing your tweak, shall we close this then?

    Best regards,
    Mike

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

    Yes, close please.

    January 24, 2022 at 5:31 am #1336830
    Nikko

    Hi laptophobo,

    We’re glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘do not collapse partner logos on mobile view’ is closed to new replies.