Remove header from Password Page

Retired Boards Appdev Store Design
, ,

Topic summary

A user wants to remove the header and footer from their password page to create a landing page with an auto-playing video. The theme hasn’t been published yet, making the password page the only accessible entry point.

Solution provided:

  • Most Shopify Theme Store themes already use a unique password page layout without header/footer by default
  • For custom removal on specific pages (like the homepage), edit the theme.liquid file in the /layouts directory through “edit code” option
  • Use conditional logic with template or page handle objects to selectively hide sections

Implementation details:

  • Example code uses {% unless template == 'index' %} to hide header on homepage
  • For individual pages, use page handle instead: {% unless page.handle == 'page-name' %}
  • Changes should be made to an unpublished duplicate theme for safe preview
  • The Dawn theme’s header inclusion code (line 280) serves as a reference example

Additional options:

  • Web pages with metaobjects offer powerful landing page building capabilities
  • Video sections can be easily added depending on the theme being used
Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Id like to remove the header and the footer on my password page. How do I do this? I am making sure I like the theme, so it has not been published. My goal is to have my landing page be a video that plays automatically. It seems thats only possible through the password page.

2

Hi Karti1,

Which theme are you using? Any themes on the Shopify Theme Store will use a unique layout file for their password page that does not include a header or footer.

Alternatively, if you’re comfortable with editing theme code, you could create a landing page that doesn’t render a header and footer by customising the theme.liquid file where the header and footer sections are included. For example if you wanted to hide the header on the home page, you could set up conditions using the template object where the header sections group will only render on templates other than the index template:

{%  unless template == 'index' %}
  {% sections 'header-group' %}
{%  endunless %}

You could set up something similar for individual pages using the page handle object instead of the template object, eg:

{%  unless page.handle == 'name-of-the-page' %}
  {% sections 'header-group' %}
{%  endunless %}

Using this technique alongside web pages with metaobjects will also offer some very powerful options for building landing pages, and depending on the theme you’re using you’ll be easily able to add a video section.

Hope this helps,

3

Hi Liam,

thanks for the answer, I think I’d like to do the first option you gave. I actually just want to remove the footer from my homepage. Would I apply that code where it says “custom CSS” on the customization tab? or would that be the ‘theme.liquid’ under the “edit code” option?

4

Hi again Karti1,

You’d be making the change to the theme code through the “edit code” option on the themes page, and you’d be editing the theme.liquid file in the /layouts directory. Keep in mind you can duplicate your theme and make changes to an unpublished version of your theme so you can preview changes safely.

If you’re using the Dawn theme, this is how the code that includes the header looks like, and other themes should follow a similar approach. Hope this helps!