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?
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.
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!
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%;
}
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.