Trying to center a navigation item

I am trying to center 1 navigation item in particular. I know I'll have to use code, but I have no experience creating code.
I don't want to change how I have the order of the navigation items set up (nav items, logo, social icons, etc). Only the search icon in particular.
The navigation item in particular is the search icon. I want it to be centered (in the green circle, not centered as in next to my logo).

I appreciate any help!

Thanks,
Julie

Can you share site url? We can check easier.

@tuanphan 

https://becomingyouwithjulie.com

You can try this to Website > Website Tools > Custom CSS

nav.header-nav-list {
    position: relative;
    justify-content: space-between;
}

nav.header-nav-list>div:nth-child(7) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

I added the code and this is what it looks like

I had to change this part of the code:

nav.header-nav-list>div:nth-child(7) {

To this:

nav.header-nav-list>div:nth-child(6) {

Because I combined a navigation item into a folder (Coaching > Lifestyle folder), and 7 didn’t exist anymore.

All it needs right now is to be moved to the next line, any idea on how to do that?

Thanks,
Julie

@tuanphan Did you get my reply? Should I send it again?

It already fine to me