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

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
Explorer
98 9 9

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
Explorer
98 9 9

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