Move search bar, cart,logo

needywanty
New Member
2 0 0

Hello guys,

 

I want to move my logo, search bar, cart button, make smaller or change the design it self.

I do have design and i can do photoshop but I am not sure how to do coding.

 

needywanty_0-1624088089859.png

 

 

 

 

 

0 Likes
Solutions1
Explorer
100 12 23

Hello Needywanty!

Log in to your Shopify admin panel.
Go to online store->settings->themes->actions->edit code.
Go to assets-> Open the theme.scss.liquid file.
In the code file of theme.scss.liquid, search for “search-bar__input” around line 4557
In the code, change width:100% to width:50% or any number as per your requirement.
.search-bar__input { background-color: transparent; border-radius: 50px; color: $color-text; border-color: transparent; padding-right: calc(35em / 16); width: 50%; min-height: 44px
Click on save and refresh your Shopify website to see the new changes

 

hope this helps!

Thanks,

Solution1

0 Likes
needywanty
New Member
2 0 0

I dont see search bar input on my end... is there other way to find?

0 Likes