Out now! Check out the Poll results: Do you have a Shopify store?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

How to move Search Bar in Dawn theme

Solved

How to move Search Bar in Dawn theme

HHM
Tourist
4 0 3

Hi Experts!

 

I am new to Shopify and I have an issue.

The Search Bar is currently displayed on top of my "Account" and "Cart" buttons and i need to move it. 

shopify search bar.png

 

I had a Shopify designer manually add the text next to these buttons so i think this is the root cause of the search bar being on top of them.

 

I would like to just move the search bar to the left of the two buttons where there is space for it.

Any advice? 

 

ps. I am not a programmer but can copy/paste code if instructions are given 🙂

Website: www.sourceofnature.eu

Accepted Solution (1)

Zworthkey
Shopify Partner
5581 642 1583

This is an accepted solution.

@HHM 

svg.modal__toggle-open.icon.icon-search {
    right: 60px !important;
    position: relative !important;
}

Add this code in base.css file.

View solution in original post

Replies 3 (3)

Zworthkey
Shopify Partner
5581 642 1583

This is an accepted solution.

@HHM 

svg.modal__toggle-open.icon.icon-search {
    right: 60px !important;
    position: relative !important;
}

Add this code in base.css file.

HHM
Tourist
4 0 3

Thank you for the quick reply. It worked!

Zworthkey
Shopify Partner
5581 642 1583

@HHM 
Kindly, like if helpful.