Hello,
I am trying to center my search bar and make it large and in the center. Does anyone have any ideas of how to do this? I am using the newest version of Dawn.
Hi @darkthrone
That would take some custom coding to get the search bar to appear the way you describe it. Alternatively, you can look for a theme that has a search bar like you’re envisioning : )
firstly copy and paste the given code in header.liquid after class ‘header__heading’ [see the screenshot]
section >> header.liquid
Search
Products
-
Fire Extinguisher 20 lb
Regular price $140.00 USDRegular priceUnit price / per - Search for “l”
1 result
1 result
after that, paste the below code above in theme.liquid
layout >> theme.liquid
@media screen and (min-width: 990px){
.header–top-left, .header–middle-left:not(.header–has-menu) {
grid-template-areas:
“heading predictive-search predictive-search icons”
“navigation navigation navigation navigation”;
grid-template-columns: 1fr 2fr auto;
}
.header__search{
display:none!important;
}
}
after the paste whole code your header look like this,
