Docs

[mdmason23]

Hello,

I have set my home page template to “Blank – no container | no header”. I do not want to display the header, but would like to display the topbar only on this page. Is this possible?

Searching through the forum here, I tried adding the following code to my css in customizer, but it did not do the trick:

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

Any help would be appreciated. Thanks!

[Nabeel A]

Hi there,

Thanks for writing in! You can use the default template and simply hide the header on that page only using the page ID, for example you can use the following code and replace it’s page ID with your page ID:

page-id-3034 .x-navbar-wrap {
    display: none !important;
}

To find out the page ID’s please see https://community.theme.co/kb/how-to-locate-post-ids/

Hope this helps!

[mdmason23]

I added the code with my page id, but the header is still visible. I’d also like to hide the logobar on my homepage. I played with the code you supplied and couldn’t get it to work. I’ll include my website info in a private reply.

Thanks!

[mdmason23]

This reply has been marked as private.

[Christopher]

Hi there,

Currently you’re using No header template, please change it and then add the code we provided in previous replay.

Thanks.

[mdmason23]

The page template on my home page is currently set to “Blank – No Container | header, footer” with the code added. I am seeing the topbar, logobar and the navbar…I don’t want to see the navbar or logobar.

If my template was set to no header, the navbar and logobar would not show.

[Christopher]

Hi there,

Please update previous code to :

.page-id-15 .x-logobar,.page-id-15 .x-navbar {
    display: none;
}

If you only want to hide them on desktop, try following code :

@media (min-width:979px){
.page-id-15 .x-logobar,.page-id-15 .x-navbar {
    display: none;
}
}

Hope it helps.

[Author]

Posts