WordPress Admin Bar Overlapping

Hi There,

I’m having an issue with the wordPress Admin Bar Overlapping Bootstrap Navigation.

I’ve gotten it to work for full page, but when on mobile it doesn’t display right. I’m running version 5.2.2.

Could someone assist?

here’s teh CSS i’m using.

.admin-bar,
.fixed-top {
margin-top: 32px;
}

@media (max-width: 800px) {

.admin-bar,
.fixed-top {
margin-top: 46px;
}
}

the webpage is:

The issue occurs when on mobile viewing when logged in to wordpress admin panel

The page I need help with: [log in to see the link]