Logo overlay navbar

[petermayerla]

Hey guys,
I found some css to have the logo how I want it.
However navbar is now not working anymore properly on mobile (background is transparent) which means it’s not readable.
Any hints on how to fix this?

Used code:
.x-navbar .x-brand { position: fixed;}
.x-navbar-inner {max-height: 90px;}

@media (max-width: 979px){
.x-navbar-fixed-top{
position: fixed;
}
}
It looks like this

and it should look like that

[jade]

Hi Peter,

Please try this code instead:

.x-navbar .x-brand { position: fixed; }

@media (max-width: 979px){
    .x-navbar-fixed-top{
        position: fixed;
    }

    .x-navbar .mobile .x-nav {
        margin-top: 95px;
    }
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNgu

Hope this helps.