Docs

[Tim]

Hi X,

When you go to following page on mobile:
http://www.rits-consultancy.nl/datamigratie/

And then start scrolling and go back, you will notice that the header area is a bit strange (for a small amount of time there is a grey background and it tilts a little bit).

What is going wrong?

Thanks!

[Thai]

Hi There,

To fix this issue, please add the following CSS:

@media (max-width: 979px){
    body .x-navbar.x-navbar-fixed-top {
        background-color: transparent !important;
    }
}

Hope it helps 🙂

[Tim]

Hi Thai,

This does not seem to be the solution (see attached screenshot).

This happens upon scrolling back to top..

Thanks:)

[Joao]

Hi There,

Please update the given code to:

@media (max-width: 979px){
    body .x-navbar.x-navbar-fixed-top {
        background-color: transparent !important;
}
.x-navbar-inner {
    height: 0px !important;

}
}

Hope it help

Joao

[Tim]

Hi Joao,

I’m sorry, same problem..

[Jade]

Hi Tim,

Kindly try to add the code at the bottom part of the CSS customizer because there is another CSS rule that targets the same element below it that overrides it’s values back to the gray background.

Thank you.

[Tim]

Hi Jade,

All set! Thanks a lot!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts