I am encountering an issue with the PayPal button on my WooCommerce product pages. Specifically, the PayPal button overlaps my sticky header when scrolling down the page, making the layout look incorrect.
Website Details:
Theme: Astra (with sticky header enabled)
WooCommerce: Latest version
PayPal Integration: Using WooCommerce PayPal Payments plugin
Issue Description:
When I scroll down the product pages, the PayPal button (class: paypal-button paypal-button-number-0 paypal-button-layout-vertical paypal-button-number-single paypal-button-env-production paypal-button-color-gold paypal-button-text-color-black paypal-logo-color-blue paypal-button-shape-pill) overlaps the sticky header.
I’ve tried adjusting the CSS with z-index values and positioning, but the issue persists. It seems the PayPal button’s layout or inline styles might be interfering with the overall page structure, causing it to stay above the sticky header when scrolling.
I would greatly appreciate any guidance on how to fix this issue, whether it’s through a CSS adjustment, JavaScript, or a plugin configuration.
Thank you for your assistance!
Open
Last updated: September 15, 2024
0 comments
Log in to comment on this feature request.