Remove the Header and Footer of Landing Page

There are times when you want your landing page to stay distraction-free, for example in ad campaigns or sales funnels. In those cases, the default Shopify header and footer can pull attention away from your main offer.

With GemPages, you can easily hide the header and footer on one page without affecting the rest of your store. This helps you design landing pages without a footer or navigation bar, keeping visitors focused only on your call to action.

How to Remove the Header and Footer?

Step 1: Access Your GemPages Dashboard

• Log in to your Shopify admin panel.
• Navigate to Apps and select GemPages Page Builder.

Step 2: Enter the GemPages Editor

• In the GemPages dashboard, locate and click on the landing page you wish to edit.

• Click on the page to open the GemPages editor.

Step 3: Adjust Header and Footer Settings

• Within the editor, click on the Settings icon (usually represented by a gear or three dots) located at the top of the page.

• In the Publish Settings tab, you’ll find options to show or hide the Header and Footer sections of your page.

• To remove both, set the Header and Footer options to Hide.

• Click Apply Settings to save the changes.

If you want to edit your header and footer, refer to this article.

FAQs

1. Can I hide the header only on one page in Shopify?

Yes. With GemPages, you can hide the header on one page only, such as a dedicated landing page, without affecting the rest of your Shopify store.

2. How do I create landing pages without a footer?

Inside the GemPages editor, open Publish Settings and toggle the Footer option to Hide. This will remove the footer from that specific landing page.

3. Will hiding the header and footer affect my other pages?

No. The changes apply only to the page you selected in GemPages. Your other Shopify pages will continue showing the default header and footer.

4. Why is my header still showing after I set it to hide?

If the header or footer still appears, it may be due to a theme conflict. In this case, reach out to GemPages Support for assistance. Our technical team can adjust or remove custom code in your theme if needed.