I'm trying to style the navbar to match a drop down menu. The expected action is that after a user signs into my app on desktop or tablet, the drop down settings menu will appear upon click. For phone views, the webflow hamburger icon & side menu will be used.
With that said, I've had some difficulty styling the drop down menu to "lock" under the nav link. Best I've come to solving it is to use % on the right side for absolute position. Solves it for the specific devices of 'laptop' and 'tablet' (see image below), but on larger screens (or screen sizes undefined by webflow breakpoints) the drop down will slide across the screen to uncontrolled locations.
Any thoughts? Thanks!
I can get it to look ok on desktop & tablet by setting a specific % or margin px:
But it looks awful on any in-between views or larger desktop monitors: