How to make it so my nav bar is centered when the screen is at full width

Store Design
1

So I recently got some help with making my website name and nav bar are on the same line when in full width, but now the nav bar is pushed to the right instead of being center.

Screen Shot 2021-09-15 at 12.59.12 PM.png
Screen Shot 2021-09-15 at 12.59.12 PM.png1280×187 12.7 KB

Website url: https://minimal-design-james.myshopify.com/

Password: FoxHound422

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
ul#AccessibleNav {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: absolute;
margin-top: -16px;
width: 100%;
left: 0;
}
3

Paste this code on top of the timber.scss file.

@media screen and (min-width: 1200px){
.site-nav {
    float: left !important;
    text-align: center !important;
    margin-left: -140px !important;
}
}

Thank You.