Docs

[Ryandm1983]

Hi Guys

having a bit of an issue with hiding the topbar, from the research on the knowledge base ive added the below code into custom css, problem is it hides the topbar as well as the header !! :(. Is it possible just to show the topbar on home page, and off on all others or off on specific pages ?.

Many Thanks – Shot for the great theme & support

The code im using.

.x-topbar {
display:none;
}
.home .x-topbar {
display:block!important;
}

[Paul R]

Hi,

Thanks for writing in!

The code looks corrects and shouldn’t hide your header.

Can you provide us your site url so we can take a closer look.

Thanks

[Ryandm1983]

This reply has been marked as private.

[Ryandm1983]

Add the code and you will see header goes also, it may be because header is set to sticky?. not sure…

PS, i define the header by the top menu section just below the topbar

[Christopher]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Ryandm1983]

Hi, as mentioned in my opening comment on this thread, by using this code here shown below…

.x-topbar {
display:none;
}
.home .x-topbar {
display:block!important;
}

I intend to hide the topbar on all pages with the exception of the home page. As per Paul R’s reply to this thread he stated this code looks correct & should give me this desired outcome. However when i add the code the header disappears along with the topbar. I just want the topbar removed not the header also.

Please see attached image showing the problem: …

[Thai]

Hi There,

Please try with this CSS instead:

.x-topbar-inner {
    display:none;
}
.home .x-topbar-inner {
    display:block !important;
}

Hope it helps 🙂

[Ryandm1983]

It helps indeed ! — perfect thank you

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts