Trouble with navigation flexbox on different breakpoints

Hi webflow community! :slight_smile:

I’m having some trouble with this site’s navigation when viewed on a tablet. When I’m in the tablet breakpoint on the designer and expand the navigation hamburger in the top right corner, the menu items display horizontally (screenshot below) as i would like them to. They are in a div called “Nav Menu” set to flexbox, horizontal, positioning absolute.

yet when viewed on an actual tablet, the items display vertically, with the dropdown menu items taking up the whole width (in the example screenshot i tapped on “about” and you can see the menu item is underlined across the entire screen), and the one non dropdown menu item (“contact”) aligning to the right edge. This is on a samsung tablet, but my mother has had the same issue on her iPad.

I can’t find what the issue is, could anyone help me out / point me in the right direction, so the site displays on tablets the way it does in the designer? Any help is appreciated :slight_smile:

Thank you!

Here is my site Read-Only: LINK