Hello, there is a big white space below header for some reason, I don’t understand why. It happens in the contact page, and also in the cart page. Maybe something to do with not having anything to scroll below?
Shop: chicpawz.com
Password: shpseo
Topic summary
A user reports excessive white space appearing below the header on their Shopify store’s contact and cart pages, specifically when using the Dawn theme. The issue occurs inconsistently—primarily on Chrome and after page refreshes.
Key Finding:
Through browser inspection, the user identified that a class named WebPixelsManagerSandboxContainer appears when the white space issue occurs. Removing this class eliminates the extra spacing.
Proposed Solution:
A JavaScript snippet was provided to automatically remove the problematic class after page load. The code should be added to the theme.liquid file just before the closing </body> tag:
document.addEventListener("DOMContentLoaded", function() {
var elements = document.querySelectorAll(".WebPixelsManagerSandboxContainer");
elements.forEach(function(element) {
element.classList.remove("WebPixelsManagerSandboxContainer");
});
});
Status: The solution has been proposed but not yet confirmed as working. The issue appears related to Shopify’s Web Pixels functionality and may be browser-specific.
Hi, it happens on Chrome for me and after some refreshes. In the attached video I use incognito .
I tried on different browsers and in incognito tab as well but the extra whitespace didn’t appear
I understand. For reference, when it happens on refresh, a class named WebPixelsManagerSandboxContainer shows on Inspect. When I delete it the extra space goes away too.
Thanks for this info
You can write Javascript to remove that class after the page loads
paste this code in your theme.liquid file just before closing body tag
Let me me if that works
If it worked like and approve my solution