Skip to content

Instantly share code, notes, and snippets.

@carolineschnapp

carolineschnapp/Have search box open by default.md

Created May 9, 2016 23:34
Show Gist options
  • Save carolineschnapp/d2f8d6fdea0902cb56a22a338d59cda6 to your computer and use it in GitHub Desktop.
Save carolineschnapp/d2f8d6fdea0902cb56a22a338d59cda6 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

@croc2k
Copy link

croc2k commented Mar 20, 2019

Followed these instructions exactly and this class change had no effect?

Looking in theme.scss.liquid there doesn't appear to be a class "site-header__search-input--visible"?

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