Logos on Marquee looking very far apart from each other only on mobile
I tried everything to fix this issue on my website renderhouze.com I haven’t had any luck. I even cloned the provided example and used my images instead but that only made the problem that all of the icons were super huge. Any idea what I can do to fix this?
4 Replies
hey @kevinquintero try adjusting the
max-width property on your image-marquee class. Right now it's set to 100% with width set to auto. As a result, each image thinks it can stretch to 100% of it's parent container (marquee-content).
As a result, the marquee-content div is rendering super big at 4878px in my example.
I changed max-width to 5rem on mobile breakpoint and got good results. You'll probably want to play with it though. You could also set the width property but you'll have to be careful with that since each image is different. Maybe set the object fit property to contain or something like that.
hope that helps!
You’re the man.
I spent the entire day yesterday trying everything and cannot figure this out for some reason. I’m not a web developer but I do develop when I have to for personal business endeavors.
Thanks for the help man!! 🐐
@kevinquintero Glad it helped! If you need more help you know where to find - also I do provide premium support via Patreon if that’s of interest to you. https://www.patreon.com/webbae