Site logo

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

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

Home Forums Support z index problem on group page (buddypress)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2452098
    Hernan

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

    z index problem

    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 !

    #2452186
    Leo
    Staff
    Customer Support

    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/

    #2452202
    Hernan

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

    Thank you very much =)

    #2452222
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.