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:

   .Header, .Footer{
   display:none !important;

#mainNavigation { display: none }
 #preFooter { display: none }
 #secondaryNavigation { display: none }
 #header {display: none}
 .socialaccountlinks-v2-block {display: none} 

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


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.