Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Issue adding background image to header


2eLybZ6u

Question

Site URL: https://matthew-kern-drzz.squarespace.com/paintings-new

Hello, 

I am attempting to apply a background image to the header section of this website universally. For now I have just applied it to the specific page mentioned. I've had some success with the following code: 

 

#collection-6058d724f45e96664a810213 header#header {
    background-image: url(Image here);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

However as you can see from the link: 

https://matthew-kern-drzz.squarespace.com/paintings-new

The image does not cover the entire section. I'd like it instead to look like this: 

Gart-BG-Header-Example.jpg

Does anyone have a solution? 

Cheers, 

M. 

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

Hi thanks for response. The question was answered on a different forum. Turns out the canvas was wrapped in  <div class="canvas"> with the following CSS: 

#canvas {
    max-width: 1200px;
    margin: 0px auto;
    padding: 75px;
}

Adding this CSS: 

#header{
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 9px;
}

Resolved the issue. 

 

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...