Jump to content

Hide header navigation menu on home page.

Go to solution Solved by Web_Solutions,

Recommended Posts

6 minutes ago, jbbbbbbbbb said:

Hello, I'm trying to hide the navigation menu on the header of my home page as I have the same navigation menu on the center of the page. Would anyone know what css code I can use??

 

Thank you.

Can you share your site so I can take a look at it? (kindly provide the site-wide password)

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • Solution

Abb this code Design > Custom CSS

#collection-624cd66202f62e6c706a6d67 {
  .header-nav, .burger-box {
    display: none !important;
  }
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
  • 1 month later...
On 4/9/2022 at 12:02 AM, bangank36 said:

Can you share your site so I can take a look at it? (kindly provide the site-wide password)

Hello, this code does not work for me , however the code below worked, but it does not remove footer of the page, only removes header.  Is there a code to remove footer as well?  Please and thank you.

<style>

header#header {

  display:none !important;

}

</style>

Link to comment
On 5/19/2022 at 8:20 PM, Ranjini said:

Hello, this code does not work for me , however the code below worked, but it does not remove footer of the page, only removes header.  Is there a code to remove footer as well?  Please and thank you.

<style>

header#header {

  display:none !important;

}

</style>

Use this code

<style>

header#header, footer.sections {

  display:none !important;

}

</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 months later...

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.