Docs

[ZerotoOne]

hey there,
I’d like to make my navbar overlap the first section
this I how it looks now http://prntscr.com/cicez3
and this is how it should look http://prntscr.com/cicfgk

my page is zerotoone.de

thank you very much 🙂

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.home .x-main.full {
  margin-top: -90px;
}

#home {
  background-position: center top;
}

Hope this helps.

[ZerotoOne]

thank you that worked great, but there is some overlapping going on in the mobile navbar too :O

[Joao]

Please use this code instead:

@media (min-width:769px) {
.home .x-main.full {
  margin-top: -90px;
}

#home {
  background-position: center top;
}
}

Hope it helps

Joao

[ZerotoOne]

this did not help :/

[Thai]

Hi There,

Please add the following CSS:

@media (max-width: 979px){
    .home .x-main.full {
        margin-top: 0;
    }
}

Hope it helps 🙂

[ZerotoOne]

perfect! thank you!

[Thai]

You’re most welcome 🙂

[ZerotoOne]

how do I apply the overlap of the first section for every page?

[Rupok]

Hi there,

Thanks for writing back. If you take off preceding .home class then it will be applied throughout the pages :

@media (max-width: 979px){
    .x-main.full {
        margin-top: 0;
    }
}

Do the same for other code as well that you are using.

Cheers!

[Author]

Posts