Archived topic
site-logo is falling under the opened menu in mobile
3 replies · Started by Mi on May 31, 2022
Viewing posts 1–4 of 4
Once again, I need help with my header/page hero. (https://www.ffcorner.com/testwp/)
I noticed that when I open the menu on mobile, the page logo falls under the open menu and gets into the page content. I've tried placing the logo in an absolute or fixed position, experimented with margin and padding of logo and around, but that didn't help. Maybe I need to float the menu above the pagehero? Or is there a simpler solution?
Thanks in advance!
Hi Mi,
Can you tell me what you are trying to achieve?
To make the logo and page hero stay as it is when navigation is open? If so, try this:
@media (max-width: 768px) {
header#masthead {
position: absolute;
top: 40px;
z-index: 1;
}
nav#site-navigation {
z-index: 20;
background-color: #414141;
position: relative;
}
}Yes, that is perfect! Thank you so much!
You are welcome :)
This archived topic is closed to new replies.
