Trying to center first and second row navigation

Site URL: https://justintyner.squarespace.com/

My navigation bar is two rows, which asthetically i'm ok with, but trying to have it centered, and can't get it to happen. Any suggestions? I'm using Montauk.

Add the following to Design > Custom CSS.

/* begin center multi-line header navigation elements */

  #topNav nav li:not( .filter ) + li {
  
    margin-left : 2em;
    
    }
    
  .canvas-style-normal #topNav ul {
  
    display : flex;
    
    }
    
  /* end center multi-line header navigation elements */

This is for v7.0 using Montauk template family.

Let us know how it goes.

1 minute ago, creedon said:

#topNav nav li:not( .filter ) + li {   margin-left : 2em;      } .canvas-style-normal #topNav ul {   display : flex;   justify-content : space-between;      }

THANK YOU!!!