Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Remove scroll bar from the pop-up form

Solved

Remove scroll bar from the pop-up form

systemsoj
Tourist
3 0 0

Hi! How do I remove the scroll bar showing up in the pop-up form? 

systemsoj_0-1718777933624.png

 

Accepted Solutions (2)

PageFly-Richard
Shopify Partner
4801 1085 1753

This is an accepted solution.

Hi

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.ep-iFrameLarge {
height: 100% !important;
overflow: hidden !important;
}
</style>

PageFlyRichard_0-1718778987144.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

GTLOfficial
Shopify Partner
665 140 133

This is an accepted solution.

Hello @systemsoj 
Go to online store ---------> themes --------------> actions ------> edit code-------> base.css/ theme.css.
and add this code at the very bottom of the file.

.ep-iFrameLarge {
    height: 701px !important;
    overflow: auto;
}

and the result will be
bvm.png

Let me know if this helped you.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 7 (7)

niraj_patel
Shopify Partner
2378 514 507

Hello @systemsoj 

Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
systemsoj
Tourist
3 0 0
niraj_patel
Shopify Partner
2378 514 507

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.ep-iFrameLarge {
height: 100% !important;
overflow: hidden !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Team_OSC
Shopify Partner
157 18 23

Hi @systemsoj 

Paste this code in your base.css

.ep-iFrameLarge {
    height: auto !important;
    overflow: visible !important;
}

Let me know if it's useful by like and accept my solution.

 

Regards

Team_OSC

 

PageFly-Richard
Shopify Partner
4801 1085 1753

This is an accepted solution.

Hi

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.ep-iFrameLarge {
height: 100% !important;
overflow: hidden !important;
}
</style>

PageFlyRichard_0-1718778987144.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

GTLOfficial
Shopify Partner
665 140 133

This is an accepted solution.

Hello @systemsoj 
Go to online store ---------> themes --------------> actions ------> edit code-------> base.css/ theme.css.
and add this code at the very bottom of the file.

.ep-iFrameLarge {
    height: 701px !important;
    overflow: auto;
}

and the result will be
bvm.png

Let me know if this helped you.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
systemsoj
Tourist
3 0 0

thanks @GTLOfficial @PageFly-Richard @Team_OSC it helped