Why isn't my website's scroll bar showing in Chrome or Edge?

Technical Q&A
1

Hello

The chrome/Edge browser scroll bar on the right side is not showing up on my website. Is there a fix for this or a way to work around it?

here is my website www.raw-cut.com

Thanks for the support.

2

Hi @Adeeb

Aibek is here from Speedimize.io

You have a custom scrollbar. Styles are written in reorder.css. This file belongs to the app Reorder Master ‑ Repeat Orders by HulkApps.com

After installation, the app connects its own files that customize the scrollbar. This is what it will look like if you remove these styles.

Hope that helps you.

3

Thank you for your response..

will check with Hulk Apps on the same..

Regards

Adeeb

4

Dear @Adeeb

Hope the following suggestions will help you

  • From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:
/* Start */
::-webkit-scrollbar { width: 10px!important; }
/* End*/
  • Save and check your theme by refreshing it.
5

Tried that, but didn’t really solve the problem!

Thank you..

6

Hi @Adeeb ,

It looks like the Reorder Master ‑ Repeat Orders app is injecting some styles into your storefront which is reducing the width of the scrollbar:

::-webkit-scrollbar {
  width: 3px!important;
}

I’d suggest reaching out to your apps support team as they should be able to lend a hand with removing these styles or providing you with an alternate solution. If the “re-order.css” file is in your Assets folder, you can remove these styles yourself.

Cheers,