Remove Horizontal Scroll on Product Page Imagery

Remove Horizontal Scroll on Product Page Imagery

PeterB
Tourist
3 0 1

Hey,

Does anyone know how to remove this horizontal scroll bar from the product imagery section.

Any help would be appreciated.

Screenshot 2024-07-14 at 12.15.22.png

 

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2401 695 831

Hi @PeterB,

Can you please share your store URL and password (if enabled) so our team can support you?

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
PeterB
Tourist
3 0 1

Hey,

Store URL is www.bling-king.co.uk

BSS-TekLabs
Shopify Partner
2401 695 831

Hi @PeterB,

You can follow these steps to make the effect

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

 

.thumbnail-slider .slider {
    scrollbar-width: none !important;
}

 

Here is the result

BSSTekLabs_0-1720965821539.png

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
PeterB
Tourist
3 0 1

@BSS-TekLabs Thank you very much, that fixed it.