Move Search Bar/Add to Cart Button to the right in Supply Theme

Highlighted
Tourist
12 0 0

Hello - I'd like to see if I can move the Search Bar, Add to Cart Button and "Sign in/Create Account" to the far right-hand side of my Header. I'd also like to move my logo to the right (To be in the middle of the header) if possible. 

 

My store is thecatstore.co. 

 

Any help is appreciated - thank you. :) 

0 Likes
Highlighted
Shopify Partner
262 26 40

Hi @Kate_0101,
You can add a div before the logo

<div class="grid-item large--one-third medium--hide small--hide"></div>

This is necessary to center the logo, the for the logo and the other element change the class large--one-half to large--one-third

We can do this changes for you if you send us an Email with your Shopify store URL like mystore.myshopify.com then we will send you an invitation to your Shopify as a collaborator.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
1 Like
Highlighted
Tourist
12 0 0

Thank you! 

 

Which code do I put this in though? 

And how would I move the search bar/atc button to the right as well? 

0 Likes
Highlighted
Shopify Partner
262 26 40

Hi @Kate_0101,
Go to edit code on your theme, then at the sidebar sections: header.liquid replace one-half with one-third at the line 5 and 46.
Then between the lines 4 and 5 enter this:

<div class="grid-item large--one-third medium--hide small--hide"></div>
Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
New Member
2 0 0

Hi I'm also curious about what code to use to move the search and cart button?


@PremierStores wrote:

Hi @Kate_0101,
Go to edit code on your theme, then at the sidebar sections: header.liquid replace one-half with one-third at the line 5 and 46.
Then between the lines 4 and 5 enter this:

<div class="grid-item large--one-third medium--hide small--hide"></div>

 

0 Likes
Highlighted
Tourist
6 0 0

Hi!
i want to do the same either move my search/cart to the right or move it to my main menu toolbar but i dont seem to have anything on line 4 and 5 aha. 

https://shopumya.myshopify.com/

pass: umya

0 Likes