Return to previous page

Scrolling issue on Checkout page when Piraeus Bank Payment Gateway is active

This topic has 4 replies, 2 voices, and was last updated 3 months, 1 week ago ago by Jack Richardson

John

Participant

May 13, 2026 at 15:27

I am using the XStore theme with its custom Elementor Checkout widgets (specifically the woocommerce-checkout-etheme_page_separated widget).

When I activate the Piraeus Bank WooCommerce Payment Gateway, the checkout page becomes “locked” and I cannot scroll up or down.

The payment plugin adds a custom input field for the “Cardholder Name” (#cardholder_name_field) inside the billing fields section. It seems that your theme’s JS (possibly related to sticky sidebars or the separated layout) is conflicting with this dynamic field injection, causing the overflow of the page to break.

Could you please check if there is a compatibility fix or a CSS/JS snippet to prevent the layout from locking?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#470247 Copied

3 Answers

Jack Richardson

Support staff

May 14, 2026 at 06:25

Hello @John,

We have identified that the issue was caused by the grey background overlay on the right section. We have temporarily removed this background using custom CSS added to your Checkout page widget, and the content is now displayed correctly. Could you please check it again?

We also tested several solutions to restore the background, but in all cases, the overflow issue persisted.

Best regards,
Jack Richardson
The 8Theme’s Team

#470265 Copied

John

Participant

May 14, 2026 at 09:34

Yes, you have fixed it. Thank you

#470277 Copied

Jack Richardson

Support staff

May 14, 2026 at 09:44

Hello @John,

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind regards, Jack Richardson
The 8theme’s team

#470279 Copied
Viewing 4 results - 1 through 4 (of 4 total)