Jump to content

Hide navigation on mobile site

Recommended Posts

  • Replies 6
  • Views 702
  • Created
  • Last Reply

The Copperfield button goes to a webpage that uses the secondary navigation with primary navigation hidden.

The Tomball button goes to a webpage that uses the secondary navigation with primary navigation hidden.

On the mobile site it shows both navigations when each button selected. I'm looking for a way to hide one of them as I did on the desktop site.

 

I did it for the desktop by inserting page settings>advanced

<style>
  nav.Header-nav.Header-nav--secondary {
    display: none;
</style>

Link to comment

Ah. I think I see now.

I think these are the rulesets you are interested in.

<style>

  .Mobile-overlay-nav--primary {
  
    display : none;
    
    }
    
  </style>

 

<style>

  .Mobile-overlay-nav--secondary {
  
    display : none;
    
    }
    
  </style>

This is for v7.0 using the Brine template family.

Let us know how it goes.

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.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.