Jump to content

Logo & Text Slider Help

Recommended Posts

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 

 

MCB_Slider_NEW.png

MCB_Slider_Mobile.jpg

Link to comment
  • Replies 3
  • Views 216
  • Created
  • Last Reply

Top Posters In This Topic

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.