-
AuthorPosts
-
September 19, 2023 at 1:03 am #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
September 19, 2023 at 5:13 am #1419524Hey 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,
IsmaelSeptember 19, 2023 at 4:09 pm #1419595Ismael,
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
September 19, 2023 at 9:42 pm #1419624Ok, 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
September 20, 2023 at 6:19 am #1419644 -
AuthorPosts
- The topic ‘Partner/Logo Element Scroll on Mobile’ is closed to new replies.