Jump to content

CSS to remove carousel arrows on desktop/tablet but keep on mobile

Recommended Posts

the arrows are different on desktop from mobile, so you can just add this to your CSS

div.desktop-arrows { display:none; }

you can put this in your Custom CSS if you want it to happen everywhere there's a carousel (probably a bad idea), or just wrap it in <style></style> and add it to a code block. You could also prefix the rule with the sections ID (use the Squarespace ID Finder Chrome extension for this is the easiest way)

Dave Hart. Software/Technology Consultant living in London. buymeacoffee 

Link to comment
On 8/25/2021 at 5:01 PM, iamdavehart said:

the arrows are different on desktop from mobile, so you can just add this to your CSS

div.desktop-arrows { display:none; }

you can put this in your Custom CSS if you want it to happen everywhere there's a carousel (probably a bad idea), or just wrap it in <style></style> and add it to a code block. You could also prefix the rule with the sections ID (use the Squarespace ID Finder Chrome extension for this is the easiest way)

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.