White Space on top of page

Hello,

To ensure compatibility with the latest Elementor structure updates, we had to modify some CSS classes and remove certain styles related to site content wrappers. Depending on your site’s configuration and the type of header you use, this may have affected your site’s appearance. You can resolve this issue using one of the following methods:

Method 1:
1. Edit the Elementor Pro header template:
Locate the margin-bottom property and set it to margin-bottom: 0: https://monosnap.com/file/jwBTnBCwEqSymZ3Ft6imrjIFDrTlht
2. Adjust the page content: select the first container on your page, find the margin-top: -60px value, and remove it: https://monosnap.com/file/laRaNxLSVXGKjAPTIZbCXYdwFA2b3M

Method 2:
Add the following custom CSS to the Global Custom CSS Area in Theme Settings to partially restore the previous styles and fix the issue with the current Elementor settings:

body .wd-page-content {
    margin-top: -40px;
    padding-top: 40px;
}

Important Note: although Method 2 is easier to apply since it doesn’t require editing multiple templates, Method 1 is highly recommended as it is more reliable and resilient to future Elementor updates.

Kind Regards

• This reply was modified 1 month ago by Luke Nielsen.

Hello,

1. Try to enable “Geolocate” in the settings of WooCommerce – https://prnt.sc/5jzBUeoIYxSU

2. Could you please send access to that staging site?

Thank you for your time.

Kind Regards

Hello,

2. I meant admin access to the staging site so I can check the Checkout page issue.

I await your response.

Kind Regards

Hello,

Try to regenerate “Regenerate the product attributes lookup table” in Woocommerce > Status > Tools: https://take.ms/LGpvf

Let me know the result.

Kind Regards

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards