Remove Scroll Bar from Menu

Solved

Remove Scroll Bar from Menu

Intheflow
Shopify Partner
8 0 2

Hey!

 

From Windows view my website has this scrolling bar, however from a Mac, this isn't visible. Does anyone know how I can remove these scrollers? I'm using a California theme 

 

https://clairebcusack.com/ is the website

Scroll Bar.png

 

Thanks!

 

 

Accepted Solution (1)

PageFly-Richard
Shopify Partner
5011 1120 1803

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App

 

Hi  @Intheflow   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
  #PrimaryNavLabel-shop{
    overflow: hidden !important;   
}

  #PrimaryNavLabel-explore{
    overflow: hidden !important;   
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

Bundler-Manuel
Astronaut
1012 51 118

Hi there @Intheflow  try this code and let me know if it works for you 

mobile-draw__wrapper{

overflow-y: hidden !important;

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

Eric-HAN
Shopify Partner
290 30 31

HI,  You can try this code by following these steps: 

Step 1: Go to the online store ->Theme ->Edit Code.

Step 2: Find the california.css file and add the following code

ul#PrimaryNavLabel-explore{

overflowhidden;

}
ul#PrimaryNavLabel-shop{

 overflowhidden;

}

- Helpful? Please hit Like and mark it as a solution
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me    Buy Me A Coffee

PageFly-Richard
Shopify Partner
5011 1120 1803

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App

 

Hi  @Intheflow   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
  #PrimaryNavLabel-shop{
    overflow: hidden !important;   
}

  #PrimaryNavLabel-explore{
    overflow: hidden !important;   
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Intheflow
Shopify Partner
8 0 2

That worked! Thank you