Help getting navigation back to normal after Developer Mode fiasco

Hi there, I recently had an issue where Squarespace encouraged me to turn off Developer Mode to troubleshoot an issue - Note: If you ever are tempted to do this, take screenshots of literally everything including your Pages and Site Styles backend because it will reset all kinds of stuff. I really should never have done it, but I thought it would be ok since I hadn't worked in Developer Mode (turns out this was something that my client had done with a previous theme customization).

Anyway, I've fixed most of the issues, but there are some lingering issues. For example, on a number of my pages, there is now a white space / background gap showing behind the primary navigation, instead of having them overlay the top banner as before. I can't figure out how to resolve this issue since it wasn't happening before, and I haven't found anything in Site Styles to fix the issue.

How it should look (the homepage is pretty much the only one unaffected): https://www.youbelongsd.com/

Example pages where you can see this issue at the top of the page:

https://www.youbelongsd.com/about-page (screenshot below)

https://www.youbelongsd.com/services-page

https://www.youbelongsd.com/events

etc...

Thanks!

@tuanphanare you by any chance able to take a look? thank you!

I think this is because of the old developer mode stuff. There's probably still some dev mode content cached either in your browser or in SS. The only one I see it in now is the events page, in the code it looks like it's missing a class for the image overlay so probably by clicking into that first section it resets it. Maybe if its still not working on events you can remove the background image and add it back in?