I've applied various mediaqueries to a zen menu, and on mobile devices works fine. And on the on-screen mobile device emulators in developer tools, looks fine. But those are definitively and completely #fake.

On laptops, pc > chrome, no resizing is taking place of the zen menu and it simply spill out of the viewport, even on a 1980px device. The screen behind the dropdown *does* resize, so I must need a pixel ratio rule? Or an IPA? (Kinda early for that.)

dev link.

It appears no matter what I do, the dropdown panel is constrained by the right edge of the logo module....and I need this menu to move further left

OK. Worked out a solution!

I dragged the logo and menu rows in the template manager to 12 columns over 12, then pushed the menu wrap back to the top with a position:absolute rule.

Works a treat. Probably better than our relative political 'systems.'

Yeah 'systems' is right

Thanks for updating

thought I would let you know how that turned out.

live site

Looking good

With the american flag image at the bottom should it be full width?