Hide nav bar but show logo/branding on full bleed header in Brine SS7.0

Site URL: https://lifelab.world/landing-page-sample-1

Hi Squarespace experts,

I am in need of your expertise. 🙏

I am currently using this code to hide the menu and footer for this page alone

<style>
.Header, .Footer, .Mobile-bar{
      display:none !important;
}
</style>

My client wants to have a logo on the upper left of the page. Is there a code where in I can only show the logo and hide the other navigation buttons?

Thank you in advance!

54 minutes ago, tuanphan said:

First, remove your code

<style>
.Header, .Footer, .Mobile-bar{
      display:none !important;
}
</style>

Next, add this new code

<style>
  .Footer, .Mobile-bar {
    display: none !important;
}
  header.Header.Header--top {
    position: fixed;
    top: 0;
    z-index: 99999;
    background-color: transparent;
}
  nav.Header-nav {
    visibility: hidden;
}
</style>

 

Thank you @tuanphan

I tweaked the code a bit and was able to remove the Header search. Thank you for this! 🙏