Docs

[MacMartino]

Hi, I just try if this is possible – and it seems so, as I found a CSS code on another topic.
Only thing is, that if you ENTER the test-website: http://www.managerenttest.bpr.nu
You see a Grey Static Logo banner, White space, then the Navbar.
and, when you scroll you see a Grey Static Logo banner,and directly sticked to it the Navbar.
Now, That is what we would want. But HOW do I remove the white space in the view when you first land on the website?

The code I use is the following (note that I tried to change values at navbar top, but this did not help)_:

@media ( min-width: 980px ) {

.x-logobar {
position: fixed;
display: block;
width: 100%;
}

.x-navbar {
top: 230px !important;
}

.masthead {
min-height: 280px;
}}

[Joao]

Hi There,

Uodate this code :

@media (min-width: 980px)
.x-navbar {
    top: 230px !important;
}
}

to this:

@media (min-width: 980px)
.x-navbar {
    top: 210px !important;
}
}

Hope that helps,

Joao

[MacMartino]

That doesn’t work, because if you scroll down, the navbar suddenly skips 20 pixels above.
And goes over the text.

[MacMartino]

By the way, I can’t seem to find the spot to adjust the colour of the menu items in the navbar. I yhought this would be the navbar links (@ customizer > header) but this does nothing. Any suggestions on that one?

[MacMartino]

Here are 2 screendumps to make you see the problem of the white line above the navbar when you ‘enter’ the page. After you move the scrollbar, the navbar jumps up and the white space is gone.

[Lely]

Hi There,

Please update this custom CSS:

@media ( min-width: 980px ) {

.x-logobar {
position: fixed;
display: block;
width: 100%;
}

.x-navbar {
top: 230px !important;
}

.masthead {
min-height: 280px;
}}

To this:

@media (min-width: 980px){
.masthead {
    min-height: 280px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.x-main.full{
    margin-top: 230px;
}
}

To change navbar links color, please go to Appearance > Customize > Header > Navbar Link | Navbar Link Hover

Hope this helps.

[MacMartino]

Your Code rocks! Yes this works! Yeahaaaa

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts