Adjust the No. Of logos displayed in mobile

Hey there

Is there any way that we can show 3-4 brand logo insted of maximum 2 supported in Mobile View? in Xtemos brand logo carousel in elementor? Will use only icons of the brands so more brands can be seen in one view…

Hello,

Please try adding the following Custom CSS in the custom CSS for Mobile area under Theme Settings >> Custom CSS.

.brands-items-wrapper .owl-carousel.owl-drag .owl-item {
    max-width: 112px;
}

And see if this works for you otherwise it requires Customizations.

Regards.
Xtemos Studios

Hey Aizaz,

Thanks for the Code, it Work!!!

i have another question, whats the brand logo size you recommend for the given snippet as its a little glitchy.

Please Visit bit.ly/GadCap

After Scrolling through logo’s there’s a empty space, it isn’t looping.

It’d Be Really great if you could help me here.

Hello,

You are Most Welcome.

The images are blurred because of your requirement as we added the max-width in the Custom CSS and the carousel is not working.

Sorry but we could not help you with this as this is not Possible with Simple Custom CSS it requires Customizations and this is beyond our limitations and support policy.

Best Regards

Actually, Images are not blurred. its just not Loopoing after all brand logo’s are Showed.

just another look please

Hello,

The issue is from the CSS thats why I mentioned to you that you can check if this works for you or not.

Please remove the CSS then check back.

Best Regards

i Solved it by Using GS Logo’s plugin. Thanks

Hello,

We are Glad that you managed to solve the issue yourself.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts