Product Icon

PayPal Payments for WooCommerce

PayPal’s brand recognition helps give customers the confidence to buy. PayPal’s all-in-one checkout solution allows you to offer PayPal, Venmo (US), Pay Later, credit and debit cards, country-specific payment options and more.

Issue With Sticky Header

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!

Screenshots

Author

nabbath24

Current Status

Open

Last updated: September 15, 2024

0 comments

Log in to comment on this feature request.

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.