Eleven40 theme: mobile menu hides top of pages and posts

[Quma]

Hi, I'm using Eleven40 pro theme. On mobile the hamburger menu hides the top of the blogposts and pages. As if the text slips under the menu. Can this be fixed?

http://www.koendevos.com

[andytc]

In the original Eleven40 pro theme the menu isn't fixed to the top on mobile views , it's set to 'static'.

I can see you probably want the menu to be stuck and stay visible on scroll as you've changed it to this - position: fixed;

.site-header {
    background-color: #faf9f5;
    left: 0;
    min-height: 65px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

So to deal with the overlapping content you can add this media query -

@media only screen and (max-width: 960px) {

.site-inner {
  margin-top: 100px;
}

}

[Quma]

Thanks,

I've put it back to 'static'. I didn't even know I put it on 'fixed.

[Author]

Posts