Jump to content

Hide the previous/next arrows on the product page on desktop

Go to solution Solved by Web_Solutions,

Recommended Posts

Posted

Hello!
I want to remove the navigation arrows on the image gallery of the Product pages of my site.
DESKTOP: remove arrows
MOBILE: remove arrows but leave number (1/4)

Thannk you!

  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution
Posted
28 minutes ago, LucyBold said:

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

.view-item .product-item-gallery-carousel-control {
    visibility: hidden !important;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.