Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1419512

    Hello Enfold Team,

    I am using the Partner/Logo Element and would like to maintain the scrolling effect I have on desktop on mobile. Ideally, I would only show two logos at a time on mobile (five on desktop), but they should scroll through the 12 or so that I am going to load. I have searched through previous threads but couldn’t find anything on this.

    Can you please point me in the right direction?

    Thank you

    -James

    #1419524

    Hey James,

    Thank you for the inquiry.

    Ideally, I would only show two logos at a time on mobile (five on desktop), but they should scroll through the 12

    At the moment, this is not possible because the partner/logo element script doesn’t have the capability to regroup the items on smaller screens once they are set. However, you can achieve the desired effect by cloning the current element, adjusting the settings accordingly, then use the Advanced > Responsive > Element Visibility settings to toggle the elements’ display on different screen sizes. Basically, you’ll have one element for desktop view and another specifically designed or configured for smaller screens.

    Best regards,
    Ismael

    #1419595

    Ismael,

    Thank you for the quick reply. I tried this already, and unfortunately, it doesn’t work. The partner/logo element does not scroll on mobile devices. I was able to find other tickets about this and found a thread that puts two logos in a row instead of just one, but they are static:

    /* partner element styling on mobile */
    @media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
    margin-left: 0;
    width: 50% !important;
    float: left;
    clear: none !important;
    }
    }

    While this is better than the default single large image on mobile, it takes up too much real estate on a phone and is not what I’m looking for. Do you have any idea how to display two logos in a single row and make them scroll?

    Thanks again

    -James

    #1419624

    Ok, never mind. As soon as I adjusted the number of columns from 3 to 2 on the mobile option, the logos started to scroll.

    Thanks for your help.

    Please close the ticket.

    -James

    #1419644

    Hi,

    Great! Glad to know that you managed to find a workaround. Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Partner/Logo Element Scroll on Mobile’ is closed to new replies.