Jump to content

Banner Slideshow Arrows on Mobile (Add Space Between Arrows)

Go to solution Solved by Mdhanjal,

Recommended Posts


I am looking to add to my CSS code to separate the arrows on my main Banner Slideshow on Mobile. Can someone please share what I can add to give the arrows some space between them? I don't mind the bottom placement...  My current code below + screenshot.

Much appreciated ❤️❤️❤️ -A



/* slideshow arrows mobile */
@media screen and (max-width:767px) {
.user-items-list-banner-slideshow .mobile-arrow-icon {
    width: 40px;
    height: 30px;


Link to comment
  • Replies 4
  • Views 347
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution
.user-items-list-banner-slideshow .mobile-arrow-button--left {
    margin-right: 250px;


Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

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.