Astra Free and WooCommerce Issue

Hello WP community! I’m working on a WooCommerce store on the free Astra theme.

When you get to the checkout page and click the purchase button, there is a white overlay that covers the screen. My issue is that it only covers the content. It does not cover the header and footer. This means that while the credit card is processing if they scroll up or down, they can click on links in the header and footer and interrupt the process.

Has anyone encountered this? Any suggestions on fixing this would be appreciated.


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer