et_pb_bottom_divider graphic getting in the way of full screen slider

me's Avatar

me

13 Feb, 2019 03:07 PM

Hi i am using Divi and have section both or top graphics in place.
when i go fullscreen with the slideshow i get the section divider graphics on top of the slideshow.

where can i edit the zindex for the slideshow.
I successfully used this snippet of code to hide the header but now i need to find a way to just make the full screen slideshow above everything.

function rs_hide_in_fullscreen() {
    ?>

    var slider = $('.royalSlider').data('royalSlider');
    slider.ev.on('rsEnterFullscreen', function() {
        $('#main-header').hide();

    });
    slider.ev.on('rsExitFullscreen', function() {
        $('#main-header').show();

    });

    <?php
}
add_action('new_rs_after_js_init_code', 'rs_hide_in_fullscreen');

the url is:
https://cirqdelight.co.uk/aerial/aerial-barmaids/

thanks for your help in advance.
Matthew

  1. Support Staff 1 Posted by Dmitry Semenov on 13 Feb, 2019 06:24 PM

    Dmitry Semenov's Avatar

    Hello,

    You may adjust the code, so it hides multiple elements, for example:

    function rs_hide_in_fullscreen() { 
        ?>
    
        var slider = $('.royalSlider').data('royalSlider'); 
        slider.ev.on('rsEnterFullscreen', function() { 
            $('#main-header, .et_pb_bottom_inside_divider').css('visibility', 'hidden');
        }); 
        slider.ev.on('rsExitFullscreen', function() { 
            $('#main-header, .et_pb_bottom_inside_divider').css('visibility', 'visible');
        });
    
        <?php 
    } 
    add_action('new_rs_after_js_init_code', 'rs_hide_in_fullscreen');
    

Reply to this discussion

Internal reply

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

Attaching KB article:

»

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

Generic

? 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