[Resolved] z index problem on group page (buddypress)

[Hernan]

Hi, I’m having trouble on BuddyPress group pages. The avatar image is superimposed on the main menu. Attached image

The main menu code looks something like this:

@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo {
        position: absolute;
        
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000 !important;
    }
    
    #site-navigation {
        
        display: flex;
    }

I can’t think of too many ideas, from the way I understand it, it shouldn’t happen

Thanks !

[Leo]

Hi there,

Try lowering the index of the problematic element:

.youzify-hdr-v6 .youzify-cover-content .youzify-inner-content {
    z-index: 99;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Hernan]

Thank you ! I left the problematic element with zindex 50 and everything seems to be fine

Thank you very much =)

[Leo]

No problem 🙂

[Author]

Posts