Support » Theme: Blossom Travel » Conflict between z-index property and WP UI

  • 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.

  • You must be logged in to reply to this topic.