Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to Automate Feature Collection (No visible scroll bar)

Solved

How to Automate Feature Collection (No visible scroll bar)

RavenRiseAbove
Tourist
3 0 2

Hi friends,

I'm looking to automate my 'Feature Collection' block without having a visible scroll bar which I currently have? I tried to put the overflow-x: hidden; code but that just eliminated the ability to scroll altogether which doesn't work either. 

 

RavenRiseAbove_0-1726280036953.png

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@RavenRiseAbove,

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

Step 2: Search file theme.liquid

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

<style>
.overflow-scroller {
  scrollbar-width: none!important
}
</style>

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

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

BSS-TekLabs
Shopify Partner
2350 688 810
.your-class::-webkit-scrollbar {
  display: none !important;
}

Can you try add more this code @RavenRiseAbove 

- Please press 'Like' and mark it as 'Solution' if you find it 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
RavenRiseAbove
Tourist
3 0 2

Unfortunately, that didn't change anything either.

BSS-TekLabs
Shopify Partner
2350 688 810

- Here is the solution for you @RavenRiseAbove 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.overflow-scroller::-webkit-scrollbar {
    display: none !important;
}
</style>

 

- Please press 'Like' and mark it as 'Solution' if you find it 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

BSSCommerce-B2B
Shopify Partner
1969 564 566

This is an accepted solution.

@RavenRiseAbove,

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

Step 2: Search file theme.liquid

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

<style>
.overflow-scroller {
  scrollbar-width: none!important
}
</style>

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

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

RavenRiseAbove
Tourist
3 0 2

Thank you, that worked!