Archived topic
z index problem on group page (buddypress)
3 replies · Started by Hernan on December 6, 2022
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 !
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/
Thank you ! I left the problematic element with zindex 50 and everything seems to be fine
Thank you very much =)
No problem :)