Public Ticket #3079876
Slider display over mobile menu


  • Mark started the conversation

    On a mobile device or on a PC with the screen width <750 the mobile popup menu is hidden under the slider on the home page.

  •  244
    Kreatura Support replied

    Hello Mark,

    Thank you for getting in touch with us. My name is Andrea, and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    You can set the slider to under the navigation element if you give it a low value of z-index. You can do it in Project Settings -> Appearance -> Project Appearance -> Custom Project CSS field. Please type to here:

    z-index: 1;

    Attached files:  z-index.JPG

    Best Regards,
    Andrea | Kreatura Support Team

  • Mark replied

    Great that worked but a new problem with the height of the slider on a mobile as it now got a blank area below the images

    Attached files:  mobile-screen.jpg

  •  244
    Kreatura Support replied

    The slider has a minimum height specified in the theme's stylesheet, which can cause issues like this. This custom style rule is located in the following file: 


    .ls-container, .ls-wp-fullwidth-container {
        min-height: 60vh!important;

    As we see, there might be other style rules in this file that can affect LayerSlider, so it's possible that you or the theme author need to make further changes. We recommend against using custom CSS rules applied to LayerSlider since most appearance customization can be achieved without it.

    Best Regards,
    Andrea | Kreatura Support Team