My Nav Bar looks correct in Design view, but Preview puts it below Header

Design help Animations & Interactions
1

Have a strange behavior happening when I’m in tablet breakpoint or smaller. When I’m in Design mode, I will have my nav menu appear in the correct place - just below my top graphic bar (50px down).
However, when I preview the site (or even publish to my staging domain), the nar menu drops down from below the Header area of my page. I don’t want this to animate down from the bottom of the Header, but rather, from the bottom of the top graphic bar.

Know why there’d be this inconsistency between what I see in Design view and what I see when I preview/publish?

Here is my public share link: [LINK][1]

2

Don’t have time to look but currently, preview mode executes interactions but does not execute JS.

What that says is the first thing to check is interactions, especially anything that could affect display type or position ( relative, absolute. etc. )