How can I customize headers for individual pages on my website?

Store Design
1

Is there a way to change the header for different pages? This has my logo and navigation bar - https://thefarmerswifewi.com/

When I go the Page for “The Maker’s Club” I want my logo gone and maybe a different logo for The Maker’s Club and also for the navigation bar to go away. I thought I figured it out when editing Pages Layouts for the different layouts but when I changed it for the layout called “full-width-no-heading” it changed it for all the layouts not just the one. Is this possible? I do not know code so that probably will make this really hard but I need this to work!

capture.jpg
capture.jpg1877×836 92.8 KB

1 Like
2

@thefarmerswife

yes it possible try this way

{% if page.handle == 'page-1' %}
// Sing like an header page 1
{% elsif page.handle == 'page-2' %}
// Sing like an header page 2
{% elsif page.handle == 'page-3 %}
// Make bears dance header page 3
...
{% endif %}
3

Hello, where am I suppose to paste this code in Dawn files?