Answered

Custom header on one page in site

(0) Share

Report

Posted on by DawnP

I have a site with a branded header and footer. Is there a way to have a page in this site that has no header or footer (no branding) or do I need to create a new site to have a different header/footer? They also do not want any navigation features on the page.

TIA,

DawnP

Categories:

General topics

I have the same question (0)

All responses (7)

Answers (1)

Fubar 8,350 Super User 2025 Season 2 on at

Like (1)

Report
There are a couple of different approaches to this

Create your own Page Template (that uses a Web Template), the page template when it uses a Web Template has an option to include Header and Footer

Customize the "Header" web template e.g. can use Liquid code to detect what page you are on and then wrap what you want to show/hide in IF statements.

Depending on exactly what you need one may be a better option than the other.

Was this reply helpful? Yes No
GWham1 on at

Like (0)

Report

As @Fubar said, the most simple way is to create a new 'web template' and 'page template' and assign the page template to your web-page. Ensure you uncheck the "Use Website Header and Footer" 👍

Was this reply helpful? Yes No
DawnP 24 on at

Like (0)

Report

Hi @GWham1
I created a new web template and page template and unchecked the 'Use Website Header and Footer' checkbox. It worked to remove the header and footer but it also lost all formatting. I have attached the design view of the page and then the preview of it to show you what I mean. How do I fix the formatting?

Was this reply helpful? Yes No
Fubar 8,350 Super User 2025 Season 2 on at

Like (0)

Report

Think you'll find that when you uncheck it it will not include the entries in the Head tag in the rendered page (which includes the bootstrap css etc). So would need to add them into your template - it is probably easier and quicker to alter the Header web template.

Was this reply helpful? Yes No
Verified answer

GWham1 on at

Like (0)

Report
Sorry, i thought you wanted to remove the header completely. If it's just a case of hiding/showing specific elements in the header based on the page, you could add some logic to show/hide for specific pages?

{% if page.url == "/bob" %} // wrap around navigation block {% endif %} {% if page.url contains "bob" %} // wrap around navigation block {% endif %

Or if you have a child page of 'members' for example and any page inside should not have the navigation..

{% if request.url contains "members" %} // wrap around navigation block {% endif %

Was this reply helpful? Yes No
StoneCold 4 on at

Like (0)

Report

@DawnP

I am facing the same problem as you. If i unselect the "Use website Header and Footer" checkbox, i'm losing all the formatting. How do we make sure that the formatting is not lost?

I do not want to use the conditional logic inside header template to just not include anything i want on a page based on its url.

Was this reply helpful? Yes No
StoneCold 4 on at

Like (0)

Report

@Fubar

How do we include the entries in the head tag(bootstrap css etc) and not lose the formatting after unchecking "Use Website header and footer"?

What are all the entries that we need to include if we choose to uncheck so that we do not lose the formatting?

Even if i conditionally adjust in the header template to ignore the header on a specific page, it is still occupying the space for header. I completely want to remove it and not affect the formatting.

Was this reply helpful? Yes No