HELP !!!! Trying to bring back the vertical scroll bar !!!!!

Store Design

Topic summary

A Shopify store owner is unable to display a vertical scrollbar on their shop page (ritasuniqueboutique.com), making it difficult for customers to navigate products and blogs.

Attempted Solutions:

  • One responder provided CSS code to add to the theme.liquid file above the </head> tag, which styles the scrollbar for webkit browsers
  • The code includes styling for scrollbar width, track background, and thumb colors
  • Screenshots were shared showing where to locate and edit the theme.liquid file in Shopify admin

Current Status:

  • The original poster reports that none of the suggested solutions have worked
  • They’re experiencing additional frustration with collaboration access issues—emails bouncing and difficulty granting permissions
  • Store collaboration code (8527) has been shared publicly
  • One helper has sent a collaboration request to directly access and fix the issue
  • The discussion remains unresolved, with the store owner expressing significant frustration and considering closing the store

Note: A minor dispute occurred when one responder was called out for copying another’s answer and screenshots.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m trying to bring back the vertical scroll bar to my shop page and it does not show on the website at all. I wonder if I may have deleted something when selecting a theme of if it’s just a part of this specific theme and needs to be added.

I will appreciate your help. I’m trying to add a simple scroll bar so customers will be able to scroll down the products and blogs in an easier way.

Thank you! ritasuniqueboutique.com

1 Like
2

@RUB139

i can help you but collabration code requird please send collabration code i will check your site and fix your problem thanks!

3

Hi @RUB139

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
{% endstyle %}

DaisyVo_0-1738909915163.png
DaisyVo_0-1738909915163.png1006×864 505 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

4

NOTHING HAS HELPED AND I AM GETTING FRUSTRATED !!! I cant invite anyone to help cause it now will not allow anyone to colab withoutbthem ahaving the code !!! I sent Vicky an email as she is in but doesnt have access to anything bec ause the email bounced and im not sure what to allow acess to resolve this issue !!! IM ABOUT DONE WITH THIS CRAP !!! WE HAVE NO SUPPORT FOR A SITE WE PAY FOR AND it sucks !!! Pleasde someone help me figure this out !!! I have tried everything suggested and I still cannot see my scrollbar nor can I scroll my own site !!! ???

5

@RUB139

you will put this provided css code to your theme.liquid file or assests/base.css file.

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

without edit the theme code not solve your problem . please contact to the shopify support.

Thanks

6

@vm-web Please do not copy the code, screenshot, or answer from our team!

https://prnt.sc/SKrt5Ke4KeEe

7

@DaisyVo

ok

8

My store code is 8527 at this point i dont care who has it !!! please if someone can fix this please tell me what it is within the store i need to give you access permissions to and i will allow you in to fix it !! im about ready to close this store as this is frustrating and im over it !!!

9

@RUB139

i have send collabration request please accept it for continue for work and solve your problem.

Thanks!