Help move the emblems in my header

Help move the emblems in my header

fg23
Excursionist
24 0 1

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!Screenshot 2024-06-12 at 12.20.02 AM.png

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
8479 1671 1683

Hi @fg23 

Could you share your store URL so I can check? 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

fg23
Excursionist
24 0 1
Dan-From-Ryviu
Shopify Partner
8479 1671 1683

Please add this code to theme.liquid file

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

EBOOST
Shopify Partner
1042 279 315

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;
  }

}
- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
fg23
Excursionist
24 0 1

Nevermind! It worked! Thank you so much!!