How to small the brand slider image in mobile view using ella theme.

[Gul2024]

Hi ,

      I recently working on brand slider using ella theme the issue is solved in Laptop view but not check in mobile view now check in mobile view the images are large. Is their another code is required for it?
Thank you
Mobile view

I already use these code
<style>
.brand-slider .halo-row.brand-layout--infinite .halo-item {
width: 160px !important;
}
</style>
<style>
@media (max-width: 551px) {
main .brand-slider .brand-layout--infinite.sm-column-1 .halo-item {
width: 80vw !important;
}
}
</style>

[namphan]

Hi @Gul2024,

You just need to change the parameter here, for example 50vw, it will display well:

[Gul2024]

thank you it works

[namphan]

Hi @Gul2024,

If you have any questions, you can contact me directly.

Nice to meet you 😊

[Gul2024 · Accepted solution]

Sorry i was searching and it is relevant code
this code actual work perfect

<style>
@media (max-width: 551px) {
main .brand-slider .brand-layout--infinite.sm-column-1 .halo-item {
width: 130px !important;
}
}
</style>

[namphan]

Hi @Gul2024,

Yes, the parameter is just an example, so you can change it yourself