Content shift on all browsers (Windows/PC platform only)

[wachilt]

Content shift on all browsers (Windows/PC platform only)

[Mtillmann]

Hi could you provide some screen capture of the issue? Do you experience similar issues with other sites? does the issue exist with the simplelightbox demo site?

[wachilt]

HI Martin,

Apologies… I should have checked the simplelightbox demo page first (which works perfectly on PC). Your suggestion did point me in the right direction though. The site I am currently working on has a fixed header and footer. It looks like these specific selectors are clashing with the CSS of simplelightbox.

[andreknieriem]

Hey, you could try the fixedClass option too.

[wachilt]

Thanks Andre,

I went through my site's core CSS (tiny, only around 30kb worth) and temporarily removed anything I thought may cause the issue. However, I was still seeing content shift on PC browsers only. I then went through simple-lightbox.css and did the same in an effort to trace/debug the issue. Found it.

.sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

If I change overflow value to either hidden or auto the issue vanishes while maintaining expected simplelightbox functionality and behaviour.

For the record, I don't suggest this is an issue with simple-lightbox.css. I confirm/concur that the simplelightbox demo site works perfectly when tested on same PC hardware. I think it's more to do with a property/value within one (or a combination) of my own selectors that, as yet, I have not been able to trace.