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
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
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.
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024