All things Shopify and commerce
Hi, we use the IRA theme ver. 2.3.1 for our website at www.fevechocolates.com, and for some reason our scroll bars no longer appear. Can someone help us bring them back? Are we missing a code snippet? Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @btsheets,
This is Victor from PageFly - Shopify Page Builder App
I have checked and found that your site is hiding the scroll bar by using CSS code. We have to remove that CSS code to get the scroll bar back.
Step 1 : Online Stores > More action > edit code > find style.css or style.scss and select this file
Step 2 : Search and find for this code
Please select all the codes in the red frame and remove them.
Hope this can help you solve the issue.
Best regards,
Victor | PageFly
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
This is an accepted solution.
Hello @btsheets
It's GemPages support team and glad to support you today.
I checked and found that there is a CSS code that hides the scrollbar on the page.
You can follow these steps to fix this error:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
::-webkit-scrollbar{
display: block;
}
::-webkit-scrollbar-thumb{
background: #b7b7b7;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
This is an accepted solution.
Hi @btsheets,
This is Victor from PageFly - Shopify Page Builder App
I have checked and found that your site is hiding the scroll bar by using CSS code. We have to remove that CSS code to get the scroll bar back.
Step 1 : Online Stores > More action > edit code > find style.css or style.scss and select this file
Step 2 : Search and find for this code
Please select all the codes in the red frame and remove them.
Hope this can help you solve the issue.
Best regards,
Victor | PageFly
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
This is an accepted solution.
Hello @btsheets
It's GemPages support team and glad to support you today.
I checked and found that there is a CSS code that hides the scrollbar on the page.
You can follow these steps to fix this error:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
::-webkit-scrollbar{
display: block;
}
::-webkit-scrollbar-thumb{
background: #b7b7b7;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thank you so much, Victor. It worked! I had to delete that code in two separate css files, not even sure how it got in there.
Hi @btsheets ,
Great! I'm glad it works perfectly on your end 😉
If it’s helpful for you, please let me know by giving it a like or marking it as a solution!
PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.
All features are available from Free plan. Let’s create unique website design with PageFly here.
User | RANK |
---|---|
68 | |
49 | |
36 | |
34 | |
29 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022