How move the search icon on the left next to my logo 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.

Someone can help me please ?

https://kokalaboutique.com/

Regards

2

@Charlotte7
You want to appear search first beside the logo.

1 Like
3

@Zworthkey

Yes :slightly_smiling_face: Sorry for my bad english

4

Ok it will be little bit complicated,
It reflect bad on your Site.

1 Like
5

@Zworthkey Can you check again I change design of website

Thanks

6

Hii, @Charlotte7
Paste this code on top of the theme.scss file.

@media only screen and (max-width: 749px){
h1.h2.site-header__logo {
    position: relative !important;
    left: 30px !important;
}
button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
    position: relative !important;
    left: -120% !important;
}
}

Thank You.

2 Likes
7

@Zworthkey

Thanks a lot for your help ! It works perfectly. I just adjust a little bite left information to adjust position.

8

Hi @Zworthkey

The CSS Code works well for the homepage. But when I go on collection page or product page. The Logo is note in middle anymore.

Can you help me please ?

IMG_9482.jpg
IMG_9482.jpg828×372 17.2 KB

9

@dmwwebartisan

Do you think you can also help me for this situation ?

Regards