Conflict between z-index property and WP UI

  • Dumitru Brinzan

    (@ilovewpcom)


    2 years, 11 months ago

    Hi,

    Was testing the theme and found a simple but annoying conflict between the standard WordPress top bar (for logged-in users) and this code in the theme:

    .site-header.header-one {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

    Setting such a high z-index value puts the header above the dropdown menu items of the top bar.
    So if you hover over your site title and try to click on Dashboard / Themes / Widgets / Menus, the menu disappears.

    Reducing the z-index to something more sensible fixes the issue 🙂

    Cheers.

Viewing 1 replies (of 1 total)
  • blossomthemessupport

    (@blossomthemessupport)

    2 years, 9 months ago

    Hi @ilovewpcom,

    We are very sorry about the late reply. Actually, we missed your ticket somehow.

    We have reported this issue to the developer team and it will be fixed in the next update release of the theme.

    Thank you so much for highlighting this issue and providing a fix for it.

    Kind regards!

Viewing 1 replies (of 1 total)
  • The topic ‘Conflict between z-index property and WP UI’ is closed to new replies.