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! 🙏

Hi there, 

Is there a way to have the logo and navigation icon appear over the image vs. having mobile top and bottom bars? 

Thank you!

Camilla

On 5/2/2023 at 1:50 AM, CamillaPapale said:

Hi there, 

Is there a way to have the logo and navigation icon appear over the image vs. having mobile top and bottom bars? 

Thank you!

 

Camilla

What is your site url? We can check easier