Search bar and cart same height (1 line) in mobile version

Technical Q&A
1

IMG_8303.jpg
IMG_8303.jpg828×141 6.76 KB

Hi, I want the search bar and the cart to be on same height (1 line) on the mobile version.

I use simple theme.

Any solutions?

my store url: www.smasha.se

Best regards

Alex

2

Add this in your assets/theme.scss or css File

@media only screen and (max-width: 749px){
#shopify-section-header > div.site-wrapper > div > div.grid__item.medium-up--one-fifth.small--one-half > div > form > input{
         padding: 0px !important;
}
}

Please let me know if it works for you.
Thank You!

3

@WahlkvistAlex please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 429px){
 #shopify-section-header .site-wrapper  .top-bar .grid__item .top-bar__search .search-bar .search-bar__submit .search-bar__input{
     padding: 0  !important; 
 }
 }