How to minimize the search bar for mobile version only?

Store Design
1

Hi

Please could you provide a solution to minimising the search bar on my websites mobile version only.

URL: www.ribbleappliances.co.uk , I am using the theme “expanse”

Kind Regards, Tom

2 Likes
2

@Anonymous

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 768px){
.site-header__search-form{
left: 0px !important;
}
}

Hope this works.

Thanks!

3

@Anonymous

sorry for that issue can you please try

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media only screen and (max-width: 768px) {
form.site-header__search-form {
    left: 0 !important;
}
}