Currently, when a navbar component menu is open, the rule ‘display: block !important’ is automatically applied (via .w–nav-menu-open).
I’d like to be able to style and position the nav links within the nav menu using display:flex, though whenever applied, is overridden by the !important rule.
(I tried adding another div inside the nav menu to act as a flex container but only links are allowed inside the nav-menu element).
You can add a div inside the menu, nesting the menu items, and then give the :flex property to it. The !important tag impose the :box property to a given element but it doesn’t force inheritance—or I would be surprised.