You are here

luke
Fri, 10/27/2017 - 11:15
#1
Z-index issues with a menu

Hello
First I like to say quickly thanks on an amazing theme. It looks great.
Now I'm really stuck and need you help, I cant seem to control the z-index

MY ISSUE
I have a search bar on this page which fixes under the top menu when you scroll down past the main sider image.

However I can't seem to get the elements of this page to scroll behind this menu. Everything goes on top on the menu making the website look broken.

I'm using a plugin called 'Sticky Menu (or Anything!)' to fix the search bar, you can control the z-index with this plugin, but has no affect on the elements on this themes page. I tested to plugin with other themes that I use and it works fine.

Can you please help me identify what z-index needs to be targeted to make this work, I can't figure it out

regards

Andy's picture
AndyStaff
Sun, 10/29/2017 - 22:53

Hi there,

Please give your site account. I'll check it for you.

Thanks.

Andy's picture
AndyStaff
Mon, 10/30/2017 - 23:36

Hi there,

I've to go to Admin > Appearance > Customize > Additional CSS and add 1 custom CSS:

.wpb_column, [class*="col-"] .wpb_wrapper {
position: initial !important;
z-index: auto !important;
}

Now, your `dev-page` is normally. But I'm not sure that it will affect somewhere.

Best regard!

luke
Wed, 11/01/2017 - 07:25

Hello thanks for this for most of the website. However, some of the gallery elements still go over this menu. If you check out the following pages and scroll down you'll see that a few images go over the menu. How do i get these below the menu?

https://goo.gl/SZGhiA

https://goo.gl/jNVyfM

regards


Luke

cindy's picture
cindyStaff
Thu, 11/02/2017 - 22:52

Hi Luke

Your customization conflicts with Visual Composer. 

You have to check and find which element needs to add CSS code 

For example, .flexslider {z-index:0 !important;}

Log in or register to post comments