Remove scrollbar

Solved

Remove scrollbar

martiiin_
Visitor
2 0 2

how can i remove this scrollbar?? i want to show it one under the other

2644976b-e60c-4e91-a4e9-2fcff254ee14.png

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1185 306 358

This is an accepted solution.

Hi @martiiin_ ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme-styles.scss.css

Step 3. Add this code to the end of file

 

.row.spotlight-3-blocks::-webkit-scrollbar,
.row.store-slider::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari and Opera */
}
.row.spotlight-3-blocks,
.row.store-slider {
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
}

 

Result:

BSSCommerceB2B_0-1723427830151.png

If it helps you, please like and mark it as the solution.

Best Regards

 

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


BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSSCommerce-HDL
Shopify Partner
1895 658 789

Hi @martiiin_Can you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
martiiin_
Visitor
2 0 2
BSSCommerce-HDL
Shopify Partner
1895 658 789

Hi @martiiin_

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.row.spotlight-3-blocks {
    overflow: hidden !important;
}
</style>

Here is result: 

BSSCommerceHDL_0-1723428034992.png

Hope this can help you,

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

 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-B2B
Shopify Partner
1185 306 358

This is an accepted solution.

Hi @martiiin_ ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme-styles.scss.css

Step 3. Add this code to the end of file

 

.row.spotlight-3-blocks::-webkit-scrollbar,
.row.store-slider::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari and Opera */
}
.row.spotlight-3-blocks,
.row.store-slider {
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
}

 

Result:

BSSCommerceB2B_0-1723427830151.png

If it helps you, please like and mark it as the solution.

Best Regards

 

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


BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency