Artefacts in fullscreenmode

oliver.krebs's Avatar


29 Nov, 2018 04:48 PM

Hi there,

i'm using Royalslider for a few years now. But i want to change my homepage, so that there is a fullscreenmode in die gallery.
As soon as i open the fullscreenmode, i have strange effects.

Can anyone help me?

Thanks and best regards, Oli

  1. Support Staff 1 Posted by Dmitry Semenov on 29 Nov, 2018 07:18 PM

    Dmitry Semenov's Avatar


    Your header has z-index on a relative positioned element, which makes it always overlap slider.

    You may either remove z-index, or hide header in fullscreen via js, for example like so:

        var slider = $('.royalSlider').data('royalSlider');
        slider.ev.on('rsEnterFullscreen', function() {
        slider.ev.on('rsExitFullscreen', function() {

    (replace your-header-class, code should be added after slider initialization)

  2. 2 Posted by Peer on 18 Dec, 2018 10:31 AM

    Peer's Avatar

    Seems that is a bug in combination with Firefox. I tried that solution, but I could't fix the error.

  3. Support Staff 3 Posted by Dmitry Semenov on 18 Dec, 2018 11:36 AM

    Dmitry Semenov's Avatar

    @Peer, please link to the page that you're working on (with added fix that doesn't work).

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Already uploaded files

  • Fullscreen.jpg 126 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac