How to hide header and footer on specific page on Shopify 

What Font Is The Shopify Logo

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission at no extra cost to you.

Do you know you can hide the header and footer of your Shopify website on Specific pages? This is especially useful in several cases, one of which is when you’re building a landing page on the Shopify store and you don’t want the header and footer to be visible on this specific page. This guide will show you a simple trick to implement just that.

Shopify is a leading Canada-based managed eCommerce platform popular among ecommerce merchants and online entrepreneurs worldwide. The platform allows you to set up your online store with in-built plugins and features that make selling 10x easier for its users, with less burden on technical aspects of your ecommerce.

Shopify is most appreciated for the wide range of functionalities it offers, a user-friendly interface, and customizable options.

One customization option, however, that proves a little difficult for Shopify users to utilize is the ability to hide headers and footers on specific Shopify pages. There are different ways to hide the head and footer in Shopify, we will outline some simple steps in this article.

Methods To Hide Header And Footer On Specific Page On Shopify

It is possible to hide the header and footer on a specific page on Shopify, and not as difficult as you might think, so far you follow the steps. There are two major methods to get this done:

  1. By Conditionally Outputting Parts Of A Shopify Theme
  2. By Including Footer/Header Removal Codes

Conditionally Outputting Parts Of A Shopify Theme

One of the ways to hide headers, footers or any other part of a Shopify theme on a specific Shopify page is to conditionally output them. To achieve this on Shopify, follow these instructions:

  1. From your Shopify theme, check for the “theme.liquid” file and open it
  2. Inside this file, search for the header and footer code of the specific Shopify pages
  3. Wrap an “If” statement that checks for certain condition around the code
  4. Proceed to save the file.

Including A Footer Removal Codes

Another simple, yet effective method to remove both header and footer from their specific is by editing or inserting a certain code into the page.  Remove headers and footers by inserting the following codes:

  • For Headers:

{% layout none %}

  1. For Footers:

Insert this code into the “theme.liquid” file.

{% if settings.powered_by_link %}

<div class=”powered-by-shopify”>

{{ ‘powered_by_shopify’ | t }} <a href=”{{ settings.powered_by_link }}” target=”_blank”>{{ ‘shopify’ | t }}</a>


{% endif %}

In conclusion…

These few steps for conditionally outputting and code insertion will hide the headers and footers on specific pages of your Shopify website. Follow them methodically and you will get the desired results.

Shopify Web Development in Lagos, Nigeria

Ecommerce Web Development Mid Section Design

Overall, engaging the service of a professional Shopify ecommerce developer is one of the best business-savvy decisions you’d ever make when you finally decide to create an ecommerce presence for your thriving brand. At Web Design Nigeria, our goal is to help ensure that your online business is successfully converting prospective customers to paying ones,

If you are tired of stale and outdated websites and need a revamp or need to build a functional website for your business?

We specialize in creating Elegant and functional online shopping website that is both engaging and appealing; a website that is thoughtfully crafted as an alluring touchpoint for your potential customers.

With a focus on user experience and search engine optimization, our team of expert designers will work with you to create a website that accurately represents your brand and effectively promotes your business.

Together we can create a lasting online presence that converts into saless for your e-commerce business. Call us today at 08114900422 or Email us.


Digital Marketing Agency and web designer in Ibadan Oyo State
Professional Web Design Service in Ibadan

WebDesign Nigeria is the New-Age web design and digital marketing agency in Nigeria. We provide web design and other services for our clients (from various parts of the country including Ibadan, and Oyo State) who range from small business owners

Best Wordpress Cdn Service Providers
9 Best WordPress CDN Services in 2024 (free & Paid)

Do you want to decrease the time it takes for your WordPress site to load? A content delivery network (CDN) provider may significantly improve your website’s speed and customer satisfaction. Here, we’ll examine some of the top content delivery network

reasons nto to use a cheap web design
10 Reasons Not to Use a Cheap Web Design

Are you looking to hire a web designer for your next project? Then you need to first read this. Reasons Not to Use a Cheap Web Design #1. Poor Design A poorly designed website can actually hurt your business. Here

How To Disable Copy And Paste In Wordpress Without Plugin Using Css
Disable Copy & Paste in WordPress (without plugin)

You can literally disable Copy/Paste activities on your WordPress blog or Website without using a plugin. If you’re someone like me that don’t like to use the “adding plugin” approach to solve just about all solutions in WordPress, then here

11 Best Lightweight Cms To Create Websites In 2024
11 Best Lightweight CMS To Create Websites in 2024

So many content management systems (CMS) exist that offer various services ranging from simple tasks to complicated ones. Your choice of CMS depends on the kind of website you want to create and how simple or complicated you want the

Steps to Forward or Redirect a Domain Name on Cloudflare

Cloudflare is the most generously popular Content Delivery Network (CDN) service provider among websites, domain owners, and bloggers. And that’s because of the many exclusive features they get to enjoy using the platform sometimes at zero cost. One of the

How To Give Shopify Store Access To A Developer
How to Give Shopify Store Access to a Developer

Shopify is arguably the most popular eCommerce platform in the world. The cloudcommerce platform allows businesses of all scales to ably sell their products online, manage their inventory, process purchases, and offer delivery services. As a Shopify store owner who

Pay With Zilla
What is Zilla payment and how does it work? 

Zilla is a payment gateway designed to make eCommerce more seamless using the Buy Now Pay Later (BNPL) feature. When buyers purchase an item from a Zilla payment-enabled merchant, they have the option to pay in installments even though Zilla

How Much Does A Static Website Cost In Nigeria
How Much Does a Static Website Cost in Nigeria?

A static website is a type of website that is made up of static files that are stored on a web server. These files are written in HTML, CSS, and JavaScript, and they are delivered to the user’s web browser

What does a Woocommerce developer do?

A WooCommerce Developer is a specialist in the development and maintenance of eCommerce websites built with the official WordPress eCommerce plugin- Woocommerce. They are generally responsible for the installation, configuration, and ongoing development of WooCommerce-based websites. The role requires to