Section of background displaying at top

I am wondering if anyone can help me please remove the section of background that is appearing at the top of my page. I removed the footer and now it seems to be adding space at the top of my page.

Can anyone help me fix this?

Thanks so much; the site is www.leaveittome.ca
Bizway Theme

 

Hello,
Put the following code in your custom css

Appearance -> theme options -> styling options -> custom css

Code:

.header-container {
background-color: none;
}
.slider-wrapper-container {
background-color:none;
}

This will solve your problem.

Thanks.

 

Thank you for your reply but I added that code and the area is still there. Any other thoughts?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-container {
background: none;
}
 
.slider-wrapper-container {
background: none;
}

This will solve your issue.

 

Thank you but it still isn't fixing it I don't think the issue is in the header but in maybe the page height or something to this effect? If I do the inspect element function I found this: this margin-top: 28px !important; and if I make this 0px instead that seems to do the trick but I cant find the same place to edit this in the editor. Any ideas where I can make this edit?
Thank you so very much!

 

Please send screenshot of the area, Which you want to remove. We will provide you exact code for that.

 

Thank you so very much. I have uploaded a screen shot pointing out the exact area.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-container {
margin-top: 0px!important;
}

 

Thank you Gourav, I have tried this already but still no luck. So frustrating

 

i finally figured it out, just needed to add the footer back in and it has been sorted. Thank you all for your help