Closed soumyaranjanjena123 closed 6 months ago
just increase z-index for sidebar bg to the higher (eg. 999 or 1111)
in sidebar for bg and for button use z-index 999 or higher ` .sidebar{ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: white; color: black;
.bg{
z-index: 999;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 400px;
background-color: white;
.links{
position: absolute;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
gap: 20px;
a{
font-size: 40px;
}
}
}
button{
z-index: 999;
position: fixed;
width: 50px;
height: 50px;
border-radius: 50%;
top: 25px;
left: 25px;
background-color: transparent;
border: none;
cursor: pointer;
}
} `
thanks broo
After settle-up the hero component when i clicked the sidebar menu then , the sidebar is getting overlapped by the hero section. any one help me with that