How to move Dawn theme search bar to header

Solved

How to move Dawn theme search bar to header

MattP2022
New Member
6 0 0

 How do I move the Dawn theme search bar to the header? As of now, it blocks my drop down menu items and I can't fix it.

 

Screenshot 2024-07-08 222051.png

I would like to move this search bar to the header, left of the 'cart' icon. I am unable to select the search bar element while in theme editor, and I have tried everything possible to find the element in the code and edit it but nothing seems to work.

Website: showroomatl.com

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Your store's collaborator request code, please.

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @MattP2022 

Would you mind if I send a collab request to access your store so I can help you? 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

MattP2022
New Member
6 0 0

Sure!

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Your store's collaborator request code, please.

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

MattP2022
New Member
6 0 0

4594

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Request sent.

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

MattP2022
New Member
6 0 0

Accepted

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @MattP2022 

Please check now

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

MattP2022
New Member
6 0 0

You're the man, thanks!
Do you mind telling me how you did it?

AnneLuo
Shopify Partner
718 139 145

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
@media screen and (min-width: 990px) {
 .header--middle-left {
    grid-template-areas: "heading navigation search icons" !important;
    grid-template-columns: auto auto auto auto !important;
 }
 .rps-csb-container {
    grid-area: search;
    position: initial !important;
 }
}
</style>

Result:

AnneLuo_0-1720493344720.png

 


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

MattP2022
New Member
6 0 0

Thank you for the help, but unfortunately that did not work. 

AnneLuo
Shopify Partner
718 139 145

I can help you with it. So I need to access your store as a collaborator if possible. 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee