Can I remove the search bar on mobile and add it in the menu?

Store Design
, , , ,
1

Hello

I would like to know if it is possible to (only on mobile) delete the search bar (logo of a magnifying glass see the Red Circle Numero 1 on the photo below) in the menu bar (header). And put a search bar in the menu as we see below (circle number 2).

12.PNG
12.PNG561×859 31 KB

website : jadis-shop.com

password : rj

using dawn theme

Thanks in advance

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (max-width: 767px){
.header__icons .header__search {
    display: none;
}
}

ZestardTech_0-1678186516064.png
ZestardTech_0-1678186516064.png520×622 221 KB

3

Yes but i want to put a search bar in the menu as we see on the screenshot (circle number 2) please, it is possible ?