Solved

Why don't scroll bars appear on my IRA theme Shopify website?

btsheets
Visitor
2 0 1

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!

Accepted Solutions (2)

PageFly-Victor
Shopify Partner
7865 1785 3050

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

PageFlyVictor_0-1670397573350.png

 

Please select all the codes in the red frame and remove them.

 

Hope this can help you solve the issue.

 

Best regards,

Victor | PageFly

View solution in original post

GemPages
Shopify Partner
5588 1261 1203

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.

 

GemPages_0-1670399666100.png

 

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

PageFly-Victor
Shopify Partner
7865 1785 3050

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

PageFlyVictor_0-1670397573350.png

 

Please select all the codes in the red frame and remove them.

 

Hope this can help you solve the issue.

 

Best regards,

Victor | PageFly

btsheets
Visitor
2 0 1

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.  

PageFly-Victor
Shopify Partner
7865 1785 3050

Hi @btsheets ,

 

Great! I'm glad it works perfectly on your end 😉

GemPages
Shopify Partner
5588 1261 1203

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.

 

GemPages_0-1670399666100.png

 

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center