Scroll bar on the right side

Adeeb
Tourist
9 2 0

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.

0 Likes
Speedimize
Shopify Partner
213 35 93

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.

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes
Adeeb
Tourist
9 2 0

Thank you for your response..

will check with Hulk Apps on the same..

Regards

Adeeb

0 Likes

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.
Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
Adeeb
Tourist
9 2 0

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

Thank you..

0 Likes
Scott-Marshall
Excursionist
36 3 3

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,

0 Likes