Docs

[Bill K]

hi guys,

Here’s one I’ve not seen before. I saw this inside cornerstone while building the page but thought it was just an anomaly– but it’s showing on the live site too.

It’s kind of tricky to reproduce, it seems like it’s only happening on a certain screen width. I recorded a video to show you: https://www.dropbox.com/s/0lreg1dhbuoomwx/white%20box%20error.mp4?dl=0

site is http://broadwaybound.org

Thx for any insight!

[Joao]

Hi There,

I could not repliate the issue on my end.

Would mind telling us what browser and device you are using while that happens?

Also please provide your wp admin credentials in a private reply in order that we can take a closer look

Thanks

Joao

[Bill K]

Hi guys,

Revisiting this b/c I’ve discovered how I can reliably re-create it.

Go here: http://broadwaybound.org

Scroll all the way down to the bottom of the page.

Then scroll back up, and the top Section pops to the left with a white column inserted.

Screencast here: https://www.dropbox.com/s/3zwnztaunq6sj7s/white%20screen%20bug.mp4?dl=0

Corrupted page? What do you think is happening?

[Bill K]

This reply has been marked as private.

[Friech]

Hi There,

Please look for this block of custom CSS on that page Cornerstone > Settings > Custom CSS and remove the overflow: hidden; or try removing that block entirely.

#x-section-1 {
    position: relative;
    overflow: hidden;
}

Hope it helps, Cheers!

[Bill K]

Thank you, that seems to have fixed it.

But I’d love to know what’s happening there. That CSS is code provided by your team here as part of adding a tint to that section. I’ve used it on many sites and never seen this behavior before.

thx!

[Nabeel A]

Hi again,

Glad we could help. It is because overflow: hidden, among other properties, introduces a new block formatting context. You can read about the effects in this great article: The magic of overflow: hidden

Cheers!

[Author]

Posts