Hiding header and footer on specific pages Broadcast theme

Technical Q&A
,
1

Hi,

I need to hide the header navigation, announcement bar, and footer on specific pages, to avoid distractions for the audience on this landing page. I’m using the Broadcast theme and already have the hide buttons for these sections in the theme customizer but the changes apply for all pages including the home one and it’s definitely not what I need.

I have already tried some tutorials for this with adding CSS codes in the theme.css but nothing seems to work or maybe it’s something that I’m doing wrong as I’m not super savvy in understanding the code language.

Can someone here please help me with suggestions on where can I find a proper code or instructions to do this?
Thank you in advance!

2

Hey @JuliaG
Kindly share the URL of those pages where you want to hide those sections.

3

Thank you for your answer and interest in giving me a hand with my issue, I appreciate you.

Here’s the link to the page, will be populated with the content once I’m figuring out how to hide those two sections on certain pages.
https://pureyeva.com/pages/promo-queens-25

4

Hey @JuliaG

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.
{% if page.handle == 'promo-queens-25' %}

{% endif %}

Moeed_0-1687754197339.png
Moeed_0-1687754197339.png1905×940 320 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Moeed, THANK YOU!

I really appreciate you taking the time to help me with this. It works flawlessly.
And I now understand how to manage this for other pages too if I need to repeat the process.

Great to have your contact here if I ever need an expert for complicated tweaks and projects and I’m happy to recommend you.

Best!

6

Dear Moeed,

I just tried your solution with my focal theme. Inserting it with “magazin” instead of promo-queen in the theme-liquid at the very end above:

{% render ‘ed-general-styling’

I don’t see any changes on the page: https://moncourage.de/pages/magazin

Do you know what might be wrong? Is it different with the focal theme?

Thanks so much, Eva

7

Hey @Eva_Helmeth

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if page.handle == 'magazin' %}

{% endif %}

RESULT:

Moeed_0-1700634954272.png
Moeed_0-1700634954272.png1886×893 176 KB

If I managed to help you then, don’t forget to Like it**!**

Best Regards,
Moeed

8

Hey @Moeed
Great - it worked! And I even managed to hide the announcement bar as well - following your logic.
Thank you so much!
Eva