How can I position the search bar at the top on mobile mode?

Store Design
1

Hi how to put a search bar on top while in mobile phone mode. It works in comptuter, but if its open in mobile phone, the search bar is at the bottom.

This is my website : https://primemartaustralia.com

thank you

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.drawer-left__inner ul.mobile-nav li.mobile-nav__item:nth-last-child(3) {
position: absolute;
top: 4px;
}
.drawer-left__inner ul.mobile-nav {
padding-top: 18px;
}
3

Hi I already copy & paste the code in theme.scss,liquid. But it’s not working in the mobile phone

1 Like
4

please check it

now working fine

5

sorry it’s still not working

6

UPDATE

The code might be working in some cases but not for me. So what I did was to put search bar in the navigation bar. I can’t put the search bar in the top middle on mobile.