Jump to content

Coding for Banner Image Above Menu

Go to solution Solved by Lesum,

Recommended Posts

Hi! I found coding to add a banner image above the main menu, however when I add the code there is also this added space to all of the pages on the site, I'd like to remove this space but I'm not sure how, any help is appreciated!

My site URL is www.pairedesign.com / code is 12345

Below is the code I used -

/* Add a banner */

body.homepage div#siteWrapper:before {

    content: "";

    background-image: url(IMAGE URL HERE);

    background-size: cover;

    background-repeat: no-repeat;

    display: block;

    width: 100%;

    height: 700px;


/* Add sticky header */

header#header {

    position: sticky !important;

    top: 0;


Screen Shot 2024-07-08 at 2.55.42 PM-01.jpg

Screen Shot 2024-07-08 at 2.55.42 PM-02.jpg

Link to comment
  • Replies 3
  • Views 119
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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.