Okay
  Public Ticket #1445707
Sliders Block Navigation Menu
Closed

Comments

  • Cody started the conversation

    Hi,


    I've got a website using WordPress w/ the plugin Beaver Builder for website building. I'm using a transparent header so my navigation menu is on top of the content instead of above it. Anytime I use a slider as the "hero" or main image for the page it blocks the navigation menu/or in other words, it is in front of the navigation menu and wont show it until you scroll down below the slider. Any thoughts on how I can get the slider behind the menu to display it without having to scroll below the slider?


    Thanks in advance!

  • Cody replied

    Scratch that.

    All I had to do was add a lower z-index for the ls-container.


    Adding this to my global CSS fixed my problem in case anyone else is having the same problem.

    .ls-container {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
      } 


  • [deleted] replied

    Hello Cody,

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

    Yes, that is right. You can control this with z-index. Glad you could solve this, if you need further assistance please let us know.