scholarsayze Posted December 16, 2021 Share Posted December 16, 2021 Site URL: https://www.scholarsayze.com/ Hello, Is there a way to hide the previous/next arrows on the product page in mobile view? I wanted to add two bigger gray arrows on mobile view only as the standard Squarespace white arrows don't really show very well on my light gray image backgrounds! Here's the code I used to add the gray arrows: @media (max-width: 768px) { html .view-item .ProductItem-gallery-nav-arrow { display: block !important; opacity: 1 !important; top: 86%; } .view-item .ProductItem-gallery-nav-arrow svg { width: 30px; height: 30px; fill: gray; } } Is there a way now to disable the Squarespace smaller white arrows? Many thanks! Site: www.scholarsayze.com https://bluebird-porcupine-yzdg.squarespace.com/store/p/studio-overhead-jacket (viewed in mobile view) Link to comment
SquareRefresh Posted December 16, 2021 Share Posted December 16, 2021 Hey @scholarsayze please provide a password for this page. SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
scholarsayze Posted December 17, 2021 Author Share Posted December 17, 2021 I apologise, the password to access the store is: BITU22 Many thanks! Link to comment
scholarsayze Posted December 17, 2021 Author Share Posted December 17, 2021 Hello, I have done a temporary fix by deleting my bespoke gray arrows (code above) as I want to launch the site today. If there is a code to remove the Squarespace prev/next arrows please let me know so I can re add my gray arrows at the bottom of the image rather than in the middle! Many thanks! Link to comment
Solution tuanphan Posted December 19, 2021 Solution Share Posted December 19, 2021 On 12/17/2021 at 9:51 PM, scholarsayze said: Hello, I have done a temporary fix by deleting my bespoke gray arrows (code above) as I want to launch the site today. If there is a code to remove the Squarespace prev/next arrows please let me know so I can re add my gray arrows at the bottom of the image rather than in the middle! Many thanks! Add to Design > Custom CSS /* Hide product arrows on mobile */ @media screen and (max-width:767px) { button.product-item-gallery-carousel-control { visibility: hidden !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
scholarsayze Posted December 20, 2021 Author Share Posted December 20, 2021 Hi Tuanphan thank you SO much this fixed my issue with the navigations I really appreciate your kind help here! Many thanks! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment