Add search bar and move logo top left corner - Refresh 15.4.0

Technical Q&A
, ,
1

Hello Shopify Experts,

Hope you’re all doing well!

I’m looking to move my logo to the top left corner of my site and also add a search bar—something similar to what’s shown in this: Search Bar

Would anyone be able to help me out with this?

Here’s my website for reference: miltiplesstore.com

Thanks in advance!

2

Hey @Cullito84

I can help you move your logo to the top left corner but for the search bar, I can’t help directly like that without having the backend access of your store so for the logo,

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above </ body> tag

<style>
.header__columns {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.header__row {
    display: flex !important;
}
</style>

RESULT:

image
image1908×926 111 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

3

Hi @Moeed

Sure I can give you access for my store as a Collaborator

4

Sounds good to me! Please share the collaborator request code in my private messages.

Best,
Moeed