Removing nav bar / header from one page – Themeco Community

Removing nav bar / header from one page

Chantal C — Thu, 15 May 2014 06:27:01 +0000

Hi support,

I am using the Integrity stack and my home-page has one-page functionality.

However, in both the Blog and Portfolio sections on my homepage, I have provided a button linking to the main Blog and Portfolio pages, so that all Blogs / Portfolio items can be be viewed easily on their own pages (too much to include on homepage).

However, because of the one-page functionality of the home-page, the top nav bar (header) links aren’t operational, so I have a few questions:

1. Is it possible to replace the nav bar menu and/or header on these two pages with a custom header / nav bar menu (have tried, but no luck)?
2. Is it possible to remove the top nav bar links and/or header entirely (so I can just use a sidebar)?
3. Lastly, when I set the sidebar on the Blog page only, the entire top header section is wider than the box containing my blogs when you scroll down – any ideas on why or how to fix this?

Hope you can help – many thanks!

Regards,
Chantal

Reply To: Removing nav bar / header from one page

Chantal C — Thu, 15 May 2014 07:02:07 +0000

Sorry – my mistake – I meant I am using Icon! 🙂

Reply To: Removing nav bar / header from one page

Rad — Thu, 15 May 2014 21:52:00 +0000

Hi Chantal,

Thank you for writing in!

1. You will need some template editing to add your own custom header, but I can’t help you to fully customize it.
2. Yes, you could use “Blank – No Container | No header, Footer” template under your page’s Page Attribute section.
3. Not sure what you meant, could you provide a url address?

Thank you.

Reply To: Removing nav bar / header from one page

Chantal C — Mon, 19 May 2014 04:44:14 +0000

This reply has been marked as private.

Reply To: Removing nav bar / header from one page

Alexander — Mon, 19 May 2014 15:53:39 +0000

Hi Chantal,

Due to X’s dynamic nature, we can’t support advanced header modifications. So I can’t provide a template modification for this. However, what you’re looking for could be done with some CSS (Customizer > Custom > CSS)

.blog .x-navbar-wrap, /* Blog - Entire Header */
.blog .x-btn-navbar, /* Blog - Navbar Mobile Button */
.blog .x-nav, /* Blog - Header Menu */
.blog .x-colophon .x-nav, /* Blog - Footer Menu */
.page-template-template-layout-portfolio-php .x-navbar-wrap, /* Portfolio - Entire Header */
.page-template-template-layout-portfolio-php .x-btn-navbar, /* Portfolio - Navbar Mobile Button */
.page-template-template-layout-portfolio-php .x-nav, /* Portfolio - Header Menu */
.page-template-template-layout-portfolio-php .x-colophon .x-nav /* Portfolio - Footer Menu */
  { display:none; }

You can remove the lines notated “Entire Header” if you want to try keeping the navbar with logo, and just hide the links.

Reply To: Removing nav bar / header from one page

Chantal C — Tue, 20 May 2014 01:26:46 +0000

That worked perfectly – thanks so much! 🙂

Regards,
Chantal

Reply To: Removing nav bar / header from one page

Chantal C — Tue, 20 May 2014 06:34:30 +0000

This reply has been marked as private.

Reply To: Removing nav bar / header from one page

Alexander — Tue, 20 May 2014 20:15:36 +0000

Good to hear that worked for you! Regarding your additional comments, yes this is true. We’re looking into some ways to make I’m afraid this isn’t something we have control over. It’s an issue that’s one page style scrolling navigation work better universally. It’s definitely something we have in mind for future development.

Reply To: Removing nav bar / header from one page

Chantal C — Wed, 21 May 2014 05:05:53 +0000

Good to hear, thanks very much. 🙂

Reply To: Removing nav bar / header from one page

Rad — Wed, 21 May 2014 20:50:35 +0000

You’re welcome Chantal!