Navbar: flex problem on parent element

Hello peeps!

Just wondering whether someone can help me please. :slight_smile:

I’m trying to layout the navigation items horizontally using flex for tablet but not succeeding.

I’m wanting to do this for the small tablet device and @media screen and (max-width: 767px).

I’m trying to get the class “dropdown-wrapper” to display:flex. However, it won’t budge. I have it currently on position:relative but don’t seem to have any other choice to go with at this stage. Would you mind checking out where I am going wrong?
My website is https://www.tagdesign.co.nz/ and below is the preview of my account.
Many thanks

Here is my site Read-Only:
https://preview.webflow.com/preview/felicia-forbes-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=felicia-forbes-portfolio&preview=17fe414f80124facfe77167ba147cf64&mode=preview