Jump to content

Remove Navigation Menu / Header On Mobile - Brine Template

Recommended Posts

Hi there - I am trying to create my own landing page, using index pages.  I have tried using code to remove the navigation menu / header - this works on desktop, but still shows on mobile.  Is there a code I can use to remove the navigation / header / logo / search at the top of certain pages?  I am using the BRINE template.  Thanks!

Here is the codes I have used that works on desktop, but not on mobile:

<style>
   .Header, .Footer{
   display:none !important;
   }
</style>

<style>
#mainNavigation { display: none }
 #preFooter { display: none }
 #secondaryNavigation { display: none }
 #header {display: none}
 .socialaccountlinks-v2-block {display: none} 
</style>

Link to comment
  • Replies 1
  • Views 865
  • Created
  • Last Reply

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.