Re: Scroll bar on the right side

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

Adeeb
Tourist
10 2 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.

Replies 5 (5)

Not applicable

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.

Adeeb
Tourist
10 2 1

Thank you for your response..

will check with Hulk Apps on the same..

Regards

Adeeb

MS-WEB-DESIGNER
Shopify Partner
3012 181 485

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.
Adeeb
Tourist
10 2 1

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

Thank you..

Scott-Marshall
Excursionist
36 3 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,