Modified top bar to hook into actual media query for sizing calculations
to avoid a number of misbehaviors resulting from a mismatch between the
media query and the actual width.

Also, fixed an issue with links not being respected due to cancelling
the default event.
Ensure that top bar links can be followed when is_hover is false or on a touch device.  Make sure dropdown will close when tapping outside of top bar
Added missing namespace to event
Merge pull request #3434 from seantimm/seantimm/issue-3434

Top Bar breakpoint may not account for scrollbar resulting in incorrect behavior