Logo & Text Slider Help

Site URL: https://www.mcbrydeandco.com

Hi there, 

Wondering if anyone can help me, looking for a fix for a bit of code I have recently installed on a clients site. My client is wanting to showcase some of their accreditations at the bottom of their home page using a slider. Have used the Will Myers plugin to achieve this, but I seem to be getting some issues with alignment on desktop and the arrow icons are overlayed on the text in Mobile. 

I have some HTML/CSS knowledge, but this could do with someone with a bit more experience to fix the bug or offer an alternative. 

Any help would be greatly appreciated? (Attached some screengrabs of how I would envisage the site to look.) 

Thanks,
Jonathan 

Hi,

You want to move down arrows under text on mobile?

Yes please and hopefully line the content on desktop horizontally.

On 3/17/2022 at 3:34 PM, jminnsdesign said:

Yes please and hopefully line the content on desktop horizontally.

Try adding to Design > Custom CSS

/* align arrows mobile */
@media screen and (max-width:767px) {
.swiper-button-next, .swiper-button-prev {
    top: 85% !important;
    transform: unset !important;
}
}