Streaming live at 10am (PST)

Manual Pop-up Slideshow - elements not always vertically centred

On the Case Studies page when clicking on any one of the 4 case studies a lightbox showing that case study will pop-up.

Sometimes the case study content is properly vertically aligned when it’s opened. When you go through all of them, running through the slides within the group, you will find one or two not aligned properly (not centred).

However if you resize the browser window whilst a case study is open, it will reset the slide settings and properly centre the content. Then look at other case studies and again there will be problems with alignment until the user resizes the browser window whilst the case study is open!!?

This slideshow has been built manually.

I’m getting the impression something needs to reset in the code once a case study case been viewed?


Project URL: https://bpts-v1.webflow.io/case-studies

Share link: https://preview.webflow.com/preview/bpts-v1?utm_medium=preview_link&utm_source=dashboard&utm_content=bpts-v1&preview=88dd885b9f53b65833fbf9e4cd9bda0a&mode=preview

In each slide, instead of placing a container, add a div, give it 100% width and height, flex to center.
In this div you can add a grid or any other assets you want to show.

I’ve tried what you recommended but it’s not made any difference. However, I have narrowed down the issue:

Case Study 4, Slide 2 is a YouTube video. If I remove that slide then there is no issues with the slideshow, all works properly in all Case Studies. I think it might be a bug with how this video is setup in Webflow?