How can I fix logo list display issues on mobile using Broadcast theme?

[Eduardo_DT]

Dear Experts,

I have a problem in how the logo list is displayed on mobile. I am using broadcast theme. I need all the icons to appear within the screen. In the web version they are seen correctly but in the mobile version they are not.

Web:

Mobile:

I need all the icons to appear within the mobile screen. If you can’t get them all to appear in the same row, having 2 icons in 2 rows would also work.

The same problem occurs within all the products since I also have icons there. In the case of products I have a row with 5 icons. In the web version they are displayed well:

Mobile:

I need all the icons to appear within the mobile screen. In this case it would be possible to have 2 rows? One with 3 icons and one with 2 icons.

https://wearesoluto.com/

Password: Aahmen

Thanks in advance!!

Edu

[Michael_Pink]

Hi @Eduardo_DT
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

@media(max-width: 749px) {
	.logos__slider .logos__slide{
		width: 25%!important;
	}
	.logos__slider .logos__img {
	  cursor: pointer;
	  padding-bottom: 100%;
	  width: 100% !important;
	}
	.logos__logo{
		padding: 0;
	}
}

[diego_ezfy]

@Eduardo_DT

The main issue in this particular case is that the images were coded as background images, not tags.

Coding them to show 2 per row on mobile is possible, but it’s definitely trickier, it would take some work to achieve that especially in a way that won’t yield problems in the future when using different images.

Kind regards,
Diego

[Eduardo_DT]

It worked!