Moving Search Bar in Dawn Theme to be below the Header

Gjay · ‎08-24-2023

Hi, Can anyone assist me with moving the search bar to the bottom of the header? I would like it to be centered below the header, with the words 'Search Products' visible. Please help.

Made4uo-Ribe · ‎08-24-2023

Hi @Gjay

Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Gjay · ‎08-28-2023

Hi, sorry that I am just responding. Here it is: https://advanceautopaintsupplies.myshopify.com/

Password: eabrah

Gonkas76 · ‎11-10-2023

Hi @Gjay ,

Please duplicate your current theme go to customize, go to Header and at Custom CSS please add:

.search-modal {
padding-top: 9em;
background: transparent;
}

You then adjust 9em to how it looks best in your theme.

Cheers,

Gonkas

Moving Search Bar in Dawn Theme to be below the Header

Moving Search Bar in Dawn Theme to be below the Header

Community Blog Articles