I would like to remove the header image from a single page. I have a slider on the page and the header image is too much on top of that. How do I remove the header image from a single page while leaving it in place on the rest of the pages?
Official response from Taylor Pineiro
Please see below for suggestions.
Share this post
Showing 17 reactions
Sign in with
At around Line 60 in Aware Theme, I changed the code:
{% if site.has_header_image? %}
to
{% if site.has_header_image? and page.is_homepage? == true }
This worked for me!
Hines Digital
Certified Architect
Certified Expert
{% if site.has_header_image? }
{ if page.is_homepage? == false %}
the code
{% endif }
{ endif %}
<div class=““width-container””>
<img src=“%E2%80%9C%7B%7B%20site.header_image_url_1026%20%7D%7D%E2%80%9D” class=““header-image”” border=““0””>
</div>
{ endif %}
but I get the error ‘Liquid error: Unknown operator page’ in the top left.
Hines Digital
Certified Architect
Certified Expert
Hines Digital
Certified Architect
Certified Expert
<div class=“width-container”>
<img src=“%7B%7B%20site.header_image_url_1026%20%7D%7D” class=“header-image” border=“0”>
</div>
{ endif %}
Hines Digital
Certified Architect
Certified Expert
Basically, in your _layout.html template you’ll find the code that calls the header. Then, edit that code to query the page slug you want to exclude. (Ex: http://d.pr/n/IMJw)
Hines Digital
Certified Architect
Certified Expert
</div>
{% endif %}