Skip to main content

How To Remove Header Image From A Specific Page

Official response from

The header image of any specific page can be removed by finding the original marked coding within the layout.html and replacing it with the revised.  The 'page' term would be replaced with the slug of the page in question.

 

Original:

{% if site.has_header_image? and page.features_count == 0 %}

or 

{% if site.has_header_image? %}

Revised:

{% if site.has_header_image? and page.features_count == 0 and page.slug != 'page'%}

or 

{% if site.has_header_image? and page.slug != 'page'%}

 

If you wanted to remove the header image from multiple pages, you can simply follow the format shown below.

Revised:

{% if site.has_header_image? and page.features_count == 0 and page.slug != 'page' and page.slug != 'page2' and page.slug != 'page3' %}

 

* Please note that the original code can vary depending on the stock theme utilized as your foundation.

Share this post

Showing 2 reactions

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.