Help move the emblems in my header

[fg23]

I just want to swap the search button and the hamburger button but keep everything else the same.

This is the current custom CSS

@media only screen and (max-width: 767px) {
.logo-area__left {
order: 3;
}
.logo-area__left {
flex: none;
}
button.button.notabutton.mobile-nav-toggle {
order: 2;
}
.show-search-link__icon {
justify-content: center;
}
}

What is wrong with it?

Need help ASAP!

Thanks!

[Dan-From-Ryviu]

Hi @fg23 

Could you share your store URL so I can check? 

[fg23]

www.frenchgolf.com

[Dan-From-Ryviu]

Please add this code to theme.liquid file

<style>
@media (max-width: 749px) {
    .logo-area .mobile-nav-toggle {
        order: 3;
    }
}
</style>

[EBOOST]

Hi @fg23 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/main.css
3. Add code below to end of file

@media (max-width: 767.98px){
  .logo-area .mobile-nav-toggle {
      order: 1;
  }

}

[fg23]

Nevermind! It worked! Thank you so much!!