Jump to content

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

Go to solution Solved by tuanphan,

Recommended Posts

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!

Logo on home page.png

Logo.png

Link to comment
  • Solution

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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! 🙏

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.