Jump to content

Code to remove menu and footer, also removes form subscription boxes.

Recommended Posts

Hi All, On an unlinked project page I need to make the menu and footer invisible. Found a great code somewhere, works like a charm. One issue: When creating a subscription form, or contact form, the white boxes in which you would need to type are invincible. See screenshot with and without code. 

Underneath the piece of code that makes the menu and the footer dissappeer (which I need). How can I change it so I do have the white subscription boxes? Many thanks in advance!!

<style>#header {

     display: none !important;

   }

#preFooter {

     display: none !important;

   }

#footer {

     display: none !important;

   }

#page {

   width: 100% !important;

   min-height: 700px !important;

   padding:20px !important;

margin: 0px !important;

max-width: 100% !important;

}</style>

<style>

     #footerBlocksTop, #footerBlocksMiddle, #footerBlocksBottom {

     display: none !important;

     }

     .sqs-announcement-bar-custom-location {

     display: none !important;

     }

     .Header, .Header--top {

     display: none !important;

     }

     .Header-inner, .Header-inner--bottom; {

     display: none !important; }

     

     .Header-inner, .Header-inner--bottom {

     display: none !important; }

     .Footer-inner, .clear {

     display: none !important; }

     </style>

Screenshot 2021-02-19 at 13.50.14.png

Screenshot 2021-02-19 at 13.48.48.png

Edited by Rosemarie
Code not in code box
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

<style>
 
/* hide desktop header */
header.Header {
    display: none !important;
}
/* hide mobile header */
div.Mobile-bar {
    display: none;
}
/* hide footer */
footer.Footer {
    display: none !important;
}
</style>

Thank you Tuanphan for your help via mail and the new and improved code that solved the issue. Hereby I share it in the forum so anyone who needs it in the future can use it! 

Link to comment

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.