You are here

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

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

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


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

Hi there,

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


Andy's picture
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!

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?



cindy's picture
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