Docs

[microforcesystems]

Hi,
i have an issue with the fixed top header of our website. The partial transparency of it is useful in homepage as we like that background images go under the top menu which is located in the fixed top header. But in other pages when i scroll the content of the page, the objects inside the page go under the top header mixing page content and top menu content making confusion to the view. Is there a way to differentiate the behaviour of the homepage from the others ?
Home page is: http://www.shineforce.com, other page i.e. is http://www.shineforce.com/?page_id=181

Thank you in advance

[Joao]

HI There,

Update this code :

.x-navbar {
    margin-bottom: -91px;
    background-color: rgba(240, 240, 240, 0.55);
    border: none;
}

to :

.home .x-navbar {
       background-color: rgba(240, 240, 240, 0.55);
   }
.x-navbar {
    margin-bottom: -91px;
    background-color: white;
    border: none;
}

Hope it helps

Joao

[microforcesystems]

Thank you very much Joao, it works perfectly !!!

[Christopher]

You’re welcome.

[Author]

Posts