How do I delete header and the bar only on our landing page?

[harukajmickey]

Hi all, 

Does one know how to delete the header and the bar only on my landing page?

My URL is https://hobot-japan.com/pages/hobot-2s

Thank you in advance!

[gr_trading]

Hi @harukajmickey ,

To remove announcement bar from landing page use below conditional statement in theme.liquid

To get the theme.liquid follow below steps

1. From Shopify dashboard, go to Online store > Themes > Edit code
2. In the search box, search for the file named theme.liquid

{%- if request.page_type != 'index' -%}
 {% section 'announcement-bar' %}
{%- endif -%}

[harukajmickey]

Thank you Hari1_prasad! Where exactly do I need to put these codes?

[Kani · Accepted solution]

Hi @harukajmickey 

You can simply add css code to hide them.

1: Online store > themes > Actions > Edit code > Layout > theme.liquid

2: paste code before '</head>'

{% if page.handle == 'hobot-2s' %}
<style>
sticky-header, #shopify-section-announcement-bar {
    display: none!important;
}
</style>
{% endif %}

[harukajmickey]

Hi Kani!

Thank you. It worked!

[harukajmickey]

Hi Kani,

If  I add the codes like this to apply to other pages, it didn't work. Do you know the way?

{% if page.handle == 'hobot-2s' or 'hobot388' %}

Thank you in advance.

[Kani]

Hi @harukajmickey 

It should be 

{% if page.handle == 'hobot-2s' or page.handle == 'hobot388' %}

[harukajmickey]

Thank you @Kani !!