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

Solved
WahlkvistAlex
Tourist
12 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

0 Likes

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!

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Natztech
Shopify Partner
637 171 424

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

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes