Header to be removed only on landing page

Site URL: http://lollipopup.co.uk

Hi guys 

I am trying to remove the header at www.wearelollipop.co.uk but with no luck. 

I am sure it is a simple code. 

Can anyone help please?

I want to the (on both mobile and desktop)

1-  The navigation

2. The basket 

3. Sign in button 

4. Keep the logo

Basically remove everything on the top ONLY ON LANDINg page but keep the logo Is that possible?

Any help would be appreciated. 

Thanks

Seb 

Add to landing page settings > advanced > header

<style>
  .Header-inner.Header-inner--top>div:first-child, .Header-inner.Header-inner--top>div:last-child {
    display: none !important;
}
  .Mobile-bar.Mobile-bar--top>div:not(:first-child) {
    display: none !important;
}
</style>

Hi @tuanphan, I'm trying to remove logo on my landing page only. but the codes i found are not working for me. Are you able to help me? my site is www.obbo-sg.com. Thank you so much!

1 hour ago, Gerome said:

Hi @tuanphan, I'm trying to remove logo on my landing page only. but the codes i found are not working for me. Are you able to help me? my site is www.obbo-sg.com. Thank you so much!

Where is logo? I don't see logo, can you take screenshot?

Hi there, attached is the logo that i mentioned. the template use is AVIATOR.

2 hours ago, Gerome said:

Hi there, attached is the logo that i mentioned. the template use is AVIATOR.

 

Add to Page SEttings > Advanced > Header

<style>
  h1.site-title img {
    visibility: hidden;
}
</style>

If you use Personal Plan, add this to Home > Design > Custom CSS

body#collection-5e8587a048e57779c38b2abd h1.site-title img {
    visibility: hidden;
}

That's great! It works! Thank you again!