Menu expanding behind other menu

[wicara]

Hello how do I fix the menu expanding behind the other menu I tried changing the zindex to 999 but has not helped.

[thai]

Hi @wicara,

Please try adding this custom CSS instead:

div#x-widgetbar {
    z-index: 9999;
}

Hope it helps

[wicara]

Thank you that worked well one other thing I can not work out is the blue header border when clicked

[mldarshana]

Hi There @wicara

Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

:focus {
    outline: none !important;
}

Hope that helps.

[wicara]

sorry now the widget bar is over the navbar how do I bring the navbar and top bar to the same level I tried adding .x-navbar-wrap but it did not work. also the slider is hiding behind it now do I need to add padding ?

[christian]

Hey @wicara,

I’m sorry but I couldn’t see the issue you described. Would you mind providing a screenshot?

Thanks.

[wicara]

see the wiget bar and look at the slider the slider is under the widget bar I tried position relative and absolute but that did not bring the slider from under the widget bar

[wicara]

I fixed it but I am not sure it is the best way i gave both elements the same z index and added padding to the slider. I thought to give the tow elements the same z index would make them stack on top of one another but apparently not

[paul.r]

Hi,

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Plesae refer to the link below for more information

https://www.w3schools.com/cssref/pr_pos_z-index.asp

Thanks