Dropdowns are showing above my header

[daddysnack]

Hi all my dropdown elements (forms/checkout/widgets) are displaying above my header. Have you seen this before? Please see screenshot:

Any ideas most helpful!

Ty

[rad]

Hi Tariq,

Thanks for reaching out.

Unfortunately, I can’t conduct an initial check of the site since it’s behind the under-construction page. But, I assume it’s a Pro header, for that, please try editing your header and set your header bar’s z-index to 99999999. Please check this screenshot

This make sure the header bar is above the other header bars and content.

Thanks!

[nabeel]

Hey Tariq,

Thank you for providing the credentials. The issue is happening because the dropdowns you’ve on your site have a higher z-index than the navigation menu. You can fix it by adding the following code in the Theme Options > CSS:

.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    z-index: 99999;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[daddysnack]

@nabeel

.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    z-index: 99999;
}

You guys are amazing thank you!

[friech]

We are delighted to assist you with this.

Cheers!