Docs

[alamtfuerwerbung]

Hi, pls see http://www.amtfuerwerbung.de

And these screenshots:
http://ctrlv.in/923021
http://ctrlv.in/923024

I desktop size I have a background behind the navigation and logo.
In mobile mode I don´t and so it doesn´t look fine when visitors scroll down.
Pls let me know how to add the background color white to the mobile header section.

Thx
Andre

[Rupok]

Hi Andre,

Thanks for writing in! Your site is not loading on my end so can’t check. But if you set background color for Navbar from Customizer, it should be applied for both desktop and mobile. You can try adding this CSS :

.x-navbar{
  background-color: #fff;
}

Cheers!

[alamtfuerwerbung]

This reply has been marked as private.

[Lely]

Hello Andre,

By default, navigation is not fixed on mobile view. Please try adding this custom CSS too:

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

Hope this helps.

[alamtfuerwerbung]

Hi, yes that helps, but in mobile mode the top part of the content disappears behind the header area. How can I add a margin, just vor the mobile mode?

http://ctrlv.in/923354

[Jade]

Hi Andre,

Please update the code to:

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

    .x-main.full {
        padding-top: 130px;
    }
}

Hope this helps.

[alamtfuerwerbung]

Better thank you.
But there is one more thing. When browser is smaller than 979px and I reload the page I have that space http://prnt.sc/e5vn9w

If I scroll just a little bit (also when touching the mouse a little) I have that space: http://prnt.sc/e5vnnv
And it does´t change when I scroll back. The bigger space is just visible when you refresh the page.

Thx for help
Andre

[Lely]

Hello Andre,

Please update the code to this instead:

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

    body.x-navbar-fixed-top-active .x-navbar-wrap {
       height: 90px;
    }
}

Hope this helps.

[alamtfuerwerbung]

perfect thx

[Thai]

You’re most welcome 🙂

[Author]

Posts