Solved

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

WahlkvistAlex
Excursionist
15 1 2

IMG_8303.jpg

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

Accepted Solution (1)

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

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!

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142

View solution in original post

Replies 2 (2)

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

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!

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142

Kinjaldavra
Shopify Partner
2302 570 1422

@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; 
 }
 }