Jump to content

Banner Slideshow Arrows on Mobile (Add Space Between Arrows)

Go to solution Solved by Mdhanjal,

Recommended Posts

Hi!

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

IMG_1567.PNG

Link to comment
  • Replies 4
  • Views 400
  • 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
Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024
Behance: - https://www.behance.net/mandeepSquarespace

 

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.