Site logo

Archived topic

Mobile Menu Logo Shift

1 reply · Started by hin on February 4, 2021

Viewing posts 1–2 of 2

How do I go about in adjusting the CSS so that the logo doesn't shift to the bottom whenever the mobile menu is open? Ideally, I prefer to have the mobile menu overlap the logo when it is open.

Screenshot

Hi there,

You can try adding this CSS:

@media(max-width:768px){
nav#site-navigation {
    position: absolute;
    width: 100%;
}
header#masthead {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
}
This archived topic is closed to new replies.