Skip to content

Instantly share code, notes, and snippets.

@keyurshah

keyurshah/Have search box open by default.md

Forked from carolineschnapp/Have search box open by default.md
Created August 10, 2017 01:25
Show Gist options
  • Save keyurshah/a895ee70d73ba458667cdcddaaa8d178 to your computer and use it in GitHub Desktop.
Save keyurshah/a895ee70d73ba458667cdcddaaa8d178 to your computer and use it in GitHub Desktop.
Download ZIP
Have search box open by default in #Venture
Raw
Have search box open by default.md

What you have

Alt text

What you want

Alt text

How to get it

Open your theme.liquid file in the online code editor, go to line no 61 and add the class site-header__search-input--visible to the search box input, like so:

<input type="search" name="q" id="SiteNavSearch" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="site-header__search-input site-header__search-input--visible">

You'll need to scroll to the right, it's a long line of code:

Alt text

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment