FROM CACHE - en_header

Need Scroll Bar for Website

Solved
btsheets
New Member
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)

Accepted Solutions
PageFly-Victor
Shopify Partner
5620 998 2343

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

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.

View solution in original post

GemPages
Shopify Partner
3535 787 648

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
5620 998 2343

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

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.

GemPages
Shopify Partner
3535 787 648

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
btsheets
New Member
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
5620 998 2343

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.