Menu with Center Logo

Hi

Thank you for your help previously, extremely appreciated.

Do you have code to have a menu with a centered logo and the menu items on either side as per the screenshot ive attached.

Thank you

So i've hacked together a semi working solution however still have some problems.

#logo {
display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

1. When scrolling down I need the logo to change to another logo that is white
2. When scrolling down I need the menu links to change to white also
3. When going to a mobile resolution, the logo is centered behind the hamburger menu and is not sticky

The URL is http://alluredmedia.com.au/dev/AM%20New%20DEV/Index.html

How do I fix these please, thank you.

Bump

Thank you,

That worked nicely, however it doesn't swap the logo to a different one when scrolling and the menu items don't change when scrolling also.

Thank you