Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Hide Logo and navigation from one page, but keep Shopping Cart?

By Herzberg6969, in Customize with code

Go to solution Solved by creedon,

Recommended Posts

Herzberg6969 Level 4

Herzberg6969

Posted
Posted

I am trying to remove the logo, and if possible navigation links from this (and only this) page, while still allowing the shopping cart to pop up. Is this at all possible? Maybe I'm asking to much from rigging squarespace and need to learn to build a proper custom website lol.

https://www.herzbergdesign.com/kingcakebaby

@tuanphan You've written a lot of beautiful code to help the folks here, I'm wondering if you could help me out too!

  • Replies 7
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

creedon
creedon

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection. <style> html:not( .squarespace-damask ) .ancillary

creedon
creedon

I have updated my posted code. Let us know how it goes.

creedon
creedon

I have updated the code again. This effect is not active in SS Preview so as not to interfere with the editor. To test it use private browsing.

  • Solution
creedon Level 15

creedon

Posted
  • Solution
Posted (edited)

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection. 

<style>

  html:not( .squarespace-damask ) .ancillary-header-branding-position-top-left [ data-nc-base="header" ] [ data-nc-container="top-left" ][ data-nc-container ],
  html:not( .squarespace-damask ) .Header-nav,
  html:not( .squarespace-damask ) .ancillary-mobile-bar-branding-position-top-left [ data-nc-base="mobile-bar" ] [ data-nc-container="top-left" ][ data-nc-container ],
  html:not( .squarespace-damask ) .ancillary-mobile-bar-menu-icon-position-top-right [ data-nc-base="mobile-bar" ] [ data-nc-container="top-right" ][ data-nc-container ] .Mobile-bar-menu
  
    {
    
      display : none;
      
      }
      
  </style>

Let us know how it goes.

Edited by creedon
version 3

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Herzberg6969 Level 4

Herzberg6969

Posted
  • Author
Posted

Actually, I think the old code was better. The new code doesn't let the shopping cart icon pop up on mobile, and on desktop it's not doing anything anymore.

I didn't save the old code snippet, any chance you still have it? Thank you again for all your help!

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources