How move the search icon on the left next to hamburger menu only for the Mobile DEBUT THEME

Store Design
1

Hi !

I would like to move the search icon on the left next to the logo only for the Mobile version ? I’m on Debut Theme.

Some can help me please ?

Regards

2

@Charlotte7

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks a lot for your answer.

Here is the link : https://kokalaboutique.com/

I just want to put it on the left on mobile.

4

@Charlotte7

  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.

@media only screen and (max-width: 749px){
.site-header__search-toggle { order: 6 !important;}
}

Thanks!

5

Hi !

Thanks for your answer but it’s not working because I made a mistake on my indication.

I want the search icon at the left of the logo on mobile..

Sorry.

6

@Charlotte7

This is code customization work Please hire shopify expert Or conatct shopify support.

Thanks!

7

@DM

This code allow to put the search icon at the first position of icons on mobile.

But I want that the search logo arrive at the left of the screen, at the left of the logo.

8

@Charlotte7

It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me