How can I add a permanent search bar to my Debut theme homepage?

[LuxuryJewellery]

Hi there,

website - https://www.luxurybrandjewellery.com.au

I am wondering if it is possible to add the search bar to my header on the homepage? I currently have just the search button which then extends to the search bar when click, but I would prefer to show the search bar permanently. is this possible?

thanks in advance! much appreciated!

[Dan-From-Ryviu]

Hi @LuxuryJewellery ,

You can make the search bar appear by adding this CSS codes below at the bottom of your theme.css.liquid file

.search-header { max-width: 250px !important; }
.search-header__input, .search-bar__input { border-color: inherit !important; }

[LuxuryJewellery]

@Dan-From-Ryviu Thanks Dan! it worked!

Is there also a way to change the text inside the bar instead of “search”?

Cheers

[Dan-From-Ryviu]

Hi, I guess you can change it from code of search bar or translate language of your theme

[LuxuryJewellery]

Bingo - Cheers mate.