Drop down folders appearing behind the main nav bar, therefore unreadable

I didn't include the url because it's currently password protected with an "Under construction" page, but: my drop down folders are appearing behind the main nav bar, so you can't see most of them. I used the dev tools on Chrome to check the z-index of the drop down span containers, they were set to 1002 so I re-set the z-index to 2000 using the custom CSS and they're STILL appearing behind the main nav bar. Position is set to absolute by default on Squarespace, so z-index should be working.

Is this a known issue? How to fix it? Because I'm creating a website for people who don't have developer knowledge, I haven't used custom coding until this line of CSS because I want them to be able to adjust their own website. So this is 100% a Squarespace issue, no code of mine is interfering.

No worries, I've fixed it. I went into deisgn and found the opacity had set itself to 1%! A bit odd, but doesn't matter because it's fixed up.