Full Bleed Image for Home Page Not Working

Hi - I've been researching for a few days but can't find the answer I'm looking for. I'm trying to create a home page that has an image on it that runs to the edges of the browser window. 

Right now, I have:

• Added a section
• Added a background image
• Set background width to Full Bleed

But it doesn't bleed to the browser edge. I have tried increasing the overall Site Width, but that does nothing. The image is 7000px long so it's not an image width issue.

It's on this page: https://www.skyfire-photography.com/home

What I'm trying to do is something like this: 

http://www.maryquincy.com/

Can you send image file? We will try testing it.

Thanks Tuanphan - I have sent the image via a direct message.

Andrew

Access your Custom CSS box and remove top code

It will work (I just tested your image on my site)

Thanks for this. I tried this - but it screwed up the other pages on my site.

The product images (because they are not uniform sizes), should look like this:

If I take away the Custom CSS, then it does this:

And on the product detail page:

Is there a way to override it on just one page?

Thanks for your help.

Thanks so much. Works perfectly. Appreciate your help.

Andrew