Issue with paypal buttons overlapping header

Hello @igloo3,

Thank you for reaching out,

You must set the z-index for the wrapper for the header(in the section settings) and set the “position: relative;”. However, since the header you’ve set has “position: fixed;” for the sticker, it will be gone from the header. so the best solution for it is using the CSS below in Customizing > Custom CSS/JS > CSS Code:

#zoid-paypal-buttons-uid_fda4ade65a_mta6mze6mtk > iframe.component-frame {
    z-index: 14 !important;
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope that helps.

Best Regards

Thanks a lot for your fast answer. Unfortunately, that won”t work (cache has been cleared as well as the elementor assets regenerated)… ??

Hello @igloo3,

Thank you for reaching out,

Well, the code is correct, but that is especially true for the product you’ve shared. I’ve changed it to the following CSS, so it’ll work generally in all single products on your website:

.single-product #wrap iframe.component-frame {
    z-index: 14 !important;
}

I hope it helps.
Best Regards

Awesome ! Thanks a lot for your quick help ??

Best regards

You’re most welcome. I’m glad it is resolved.