Cannot figure out how to remove a top bar

Hi y'all - 

I have been wracking my brain on this little annoying issue. I have 'inherited' a Squarespace site that was already built using a lot of CSS customization. I am not willing to strip most of the CSS out because I wasn't hired to go that deep, but there is one little annoying thing I cannot seem to figure out - how do I get rid of the white bar at the very top? I was able to change the bar from grey to transparent but I cannot make the hero image full screen. I cannot see anywhere in the CSS where that might  be controlled. Any help would be great! Attached is the CSS log. 

Thanks, 
Jill Farrell 

@FarrellStrategicGroup Thanks for sharing the code snippets. Can you share your site url and password (if applicable)? It'd be beneficial to be able to inspect the code from my browser. 

Thanks!

@BartelsCreativeCo - thanks! Here's the URL: https://minnow-broccoli-dbkj.squarespace.com/

Site is published so no password needed. 

8 minutes ago, FarrellStrategicGroup said:

@BartelsCreativeCo - thanks! Here's the URL: https://minnow-broccoli-dbkj.squarespace.com/

Site is published so no password needed. 

 Hey! It may be published, but it's still set to private.

Oops, sorry about that...

password: T67$v126!

1 hour ago, FarrellStrategicGroup said:

Oops, sorry about that...

 

password: T67$v126!

No problem!

So after inspecting this in the browser, it looks like you have that space at the top because the number "5" has been added to the html. When I delete that from the chrome inspection tool the gap at the top disappears.

The issue I'm having is finding exactly what the "5" is assigned too. When I inspect the page it isn't tied to one specific id or class—rather it's just in the "body".

This doesn't necessarily solve the problem, but you can hide this by adjusting the top margin. It'll just move it up so that it is no longer viewable. You can use this while you look for the solution to remove the unwanted "5". 

#collection-628fe0495bd5536790a9266c body {
margin-top: -20px !important;
}

Given the amount of code injection on this site, I'd bet that the "5" was added to the html via a Header code injection and not through CSS. It appears the issue is only on the Homepage, so check the various sections code injections to see if you can find the culprit. Likewise, check the sitewide Code Injection portal to see if there is anything that may be injecting the "5" into the HTML.

Hope this is helpful! Let me know what you find out.

Thank you so much! I tried to put that CSS code snippet you shared but it doesn't seem to work to remove that white bar. But yes, you are right, there is definitely a script in the code injection! If i do anything to that the whole site messes up, so that '5' must be somewhere in there? 

@BartelsCreativeCo -- you are the best! I truly appreciate your help so much. The '5' was there on the homepage under the gear/advanced. LIFESAVER. THANK YOU!!!! 

@FarrellStrategicGroup YAY! So glad we were able to arrive at a solution. Best of luck with the rest of your site build!