z index on sub menu

eleanor
374 Posts
eleanor posted this 13 April 2016

Hiya

I have a verticle menu in the left side bar listing my virtuemart categories. I also have a header that is 'stuck' to the top of the page.
When I scroll down the page my sub menu appears over the top of my header.
Please can you tell me how to sort this one out?

submenu-over-header.JPG

Thank you very much!

Hiya I have a verticle menu in the left side bar listing my virtuemart categories. I also have a header that is 'stuck' to the top of the page. When I scroll down the page my sub menu appears over the top of my header. Please can you tell me how to sort this one out? !submenu-over-header.JPG! Thank you very much!
Vote to pay developers attention to this features or issue.
13 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 18 April 2016

Hello,
I apologize for delay in response.
please provide link to live page which demonstrates the issue

regards,
Aileen

Hello, I apologize for delay in response. please provide link to live page which demonstrates the issue regards, Aileen
eleanor
374 Posts
eleanor posted this 18 April 2016

Quite understand, you must be very busy.

Any page where the sub menus are open, so...

http://burs.ywdw.co.uk/index.php/product-catalogue/abrasives

When you scroll down the page, because the header is a sticky header the submenu items ride over the top of the header.

Thank you

Quite understand, you must be very busy. Any page where the sub menus are open, so... http://burs.ywdw.co.uk/index.php/product-catalogue/abrasives When you scroll down the page, because the header is a sticky header the submenu items ride over the top of the header. Thank you
Support Team
Support Team posted this 21 April 2016

Hello,
to overcome the issue please add the following CSS under Home >> Settings >> Additional CSS

.bd-sidebararea-3 {
    position: relative;
    z-index: 0;
}

regards,
Aileen

Hello, to overcome the issue please add the following CSS under Home >> Settings >> Additional CSS .bd-sidebararea-3 { position: relative; z-index: 0; } regards, Aileen
eleanor
374 Posts
eleanor posted this 21 April 2016

Brilliant!

Thank you!

Brilliant! Thank you!
Support Team
Support Team posted this 22 April 2016

You are welcome.
Feel free to contact us in any other occasion.

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
eleanor
374 Posts
eleanor posted this 24 June 2016

Hello, I seem to be having the same issue with another site http://i2test.ywdw.co.uk/ with the submenu. I have attempted to use the code you provided before, but I think that I am maybe using the wrong sidebar area code? Could you possibly help me with this one? Many thanks!!

Hello, I seem to be having the same issue with another site http://i2test.ywdw.co.uk/ with the submenu. I have attempted to use the code you provided before, but I think that I am maybe using the wrong sidebar area code? Could you possibly help me with this one? Many thanks!!
Support Team
Support Team posted this 24 June 2016

Hi,

Sorry, I do not see the issue. Could you please provide a screen shot demonstrating the problem.

Sincerely,
Hella

Hi, Sorry, I do not see the issue. Could you please provide a screen shot demonstrating the problem. Sincerely, Hella
eleanor
374 Posts
eleanor posted this 24 June 2016

Please see attached. Thanks very much

Please see attached. Thanks very much
Support Team
Support Team posted this 24 June 2016

Hi,

Thanks, I see now. Please use the following code:

.bd-sidebararea-2
{
z-index:0!important;
}

Sincerely,
Hella

Hi, Thanks, I see now. Please use the following code: .bd-sidebararea-2 { z-index:0!important; } Sincerely, Hella
eleanor
374 Posts
eleanor posted this 24 June 2016

Fantastic! That has worked now! Thank you so much!!

Fantastic! That has worked now! Thank you so much!!
Support Team
Support Team posted this 24 June 2016

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
schuster
1 Posts
schuster posted this 20 October 2017

Hello,

i got quite the same issue, but with the sub-menu on the horizontal menu.

My horizontal Menu is sticked to the top. When submenu opens i can click on it (thanks to the z-index).

When i scroll down a bit i cannot click on the submenu again (see attached picture)!

I also tried the CSS you posted above and it doesn't work for me...

Please help ;)

regards,

Florian

Hello, i got quite the same issue, but with the sub-menu on the horizontal menu. My horizontal Menu is sticked to the top. When submenu opens i can click on it (thanks to the z-index). **When i scroll down a bit i cannot click on the submenu again (see attached picture)!** I also tried the CSS you posted above and it doesn't work for me... Please help ;) regards, Florian
Support Team
Support Team posted this 20 October 2017

Hi,

Please attach your theme with the content and editor included. If you do not want to attach to the public post, then please create a private topic and explain the issue there.

Sincerely,
Hella

Hi, Please attach your theme with the content and editor included. If you do not want to attach to the public post, then please create a private topic and explain the issue there. Sincerely, Hella
You must log in or register to leave comments