Remove the header and footer from a specific landing page
Add this code before </body> tag in your theme.liquid file:
{% if page.handle == 'x' %}
<style>
.header, footer {display: none;}
</style>
{% endif %}
<style>
.header, footer {display: none;}
</style>
{% endif %}
Related Articles
Display payment method icons at the footer
From your Shopify admin, go to Online Store > Themes. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code. In the Sections directory, click footer.liquid. If your theme doesn't include this file, ...Remove menu arrows in header
From your Shopify admin dashboard, click on "Online Store" and then "Themes". Find the theme that you want to edit and click on "Actions" and then "Edit code". In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on ...Increase Page width
Go to base.css Find "narrow" Replace with "wide" e.g: .page-width--wide { max-width: 72.6rem; padding: 0; }Remove the "pickup availability" section of product page
From your Shopify Admin, please go Online Store > Themes > Actions > Edit Code > Sections Search for pick_up_availability.liquid file Add the "comment" tag to the whole liquid file. add {% comment %} to the beginning of the file (first line) and add ...Reduce menu link padding in the footer
In the footer section, add the following in the custom css: .list-menu__item--link { padding: 0px; }