top menu bar hidden beneath wordpress admin bar

Hi!

I'm using two menus on my site. The primary navigation menu floats to the right and a secondary navigation sits above the header. I'm also using the following code so that they are both sticky.

 @media screen and (min-width: 800px) {
.custom-fixed-header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 2000;
}
}
     
 @media screen and (min-width: 800px) {
.custom-fixed-header + * {
      padding-top: 80px;
}
}

When I'm in customizer and when I'm logged out it all appears to look fine.

When I'm logged in to WordPress, the WordPress admin bar covers up the top menu. All I can see is a fraction of the background for the secondary menu. Is there any way to stop this from happening?

Cheers
-Tina