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 1575

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 1575

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 1575

@HHM 
Kindly, like if helpful.