Solved

Surprisingly appearing empty white spaces between body and footer on desktop

real_Maestro
Tourist
11 0 1

Hello there guys!

 

I habe a problem with suddenly appearing empty white spaces on specific pages, which disappear when reloading sometimes..

 

They appear for example on the products page and on the contact page and look like this:

 

products.JPGcontact.JPG

 

 

 

 

Maybe you can see it by yourself:

https://www.fiveprayers.de

 

I chose the "dawn" theme and configurated it a little bit. The Theme is Nr. 4 (with the black background) but on some pages, the background stayed white. So i added this code to the "custom css" field:

 

{
background-color: #0d0b0c;
}
h1 {
color: #c4c4c4;
}
{
color: #c4c4c4;
}

 

I added that code also to the last line of base.css

 

On the preview on shopify everything works great, on mobile too (as i saw), but on desktop sometimes these empty spaces appear.

 

Do anybody know how i can get rid of them?

 

Thanks in advance

 

Attila

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1187 309 228

This is an accepted solution.

Hey @real_Maestro,

This was the problem, to fix:

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
div#WebPixelsManagerSandboxContainer {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706888016859.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website

View solution in original post

Replies 4 (4)

Awerbuch1
Excursionist
18 0 4

I have the same problem above header

ThePrimeWeb
Shopify Partner
1187 309 228

This is an accepted solution.

Hey @real_Maestro,

This was the problem, to fix:

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
div#WebPixelsManagerSandboxContainer {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706888016859.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Awerbuch1
Excursionist
18 0 4

Just followed above, since this was an intermittent problem I will observe over the next few days. Thank you for the suggestion

real_Maestro
Tourist
11 0 1

Thank you very much, the problem is fixed!

 

Have a nice day i appreciate your help very much