[Support request] Fullscreen Slider Startpage

[Yannick]

body .inside-page-header-container.grid-container {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
}

http://cyrillucidokuhn.com/slider-header-content/
Like this it almost works out… 😀
When I open the page the first time it’s not centred, but if I change short the page proportions or reload the page it gets sometimes centred!?

[Tom]

Looks centered to me on first load: https://www.screencast.com/t/6pTgk4jAUR5N

[Yannick]

Yes I somehow manage to center it now on first load, but when I reload the page or minimise and maximise the browser it goes out of center. I don’t really get why this happens…

[Yannick]

– deleted –

[Yannick]

body .site.grid-container {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
}

http://cyrillucidokuhn.com/slider-page-content/

here the same problem occurs.

[Tom]

Here’s what I see: https://www.screencast.com/t/IBhBLbDC0Mo

[Yannick]

Thank you Tom!

It’s strange, here is what I see:

After reloading and minimising maximising it looks then like yours…

[Tom]

What browser?

[Yannick]

Safari

Thanks in advance. I am leaving today on a trip for roughly 2 weeks – 1 month so I will take time to respond.

Best wishes
Yannick

[Tom]

Can you try this?:

body .site.grid-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[Author]

Posts