Storefront Header Picker


Lets you pick a header layout for Storefront theme.

This plugin is built to work only for the Storefront theme.

How to use:

  1. On your WordPress Dashboard, go to “Appearance” and click on “Customize”.
  2. Find the “Header” section
  3. Choose either default, compact, or centered layout
  4. Choose either to hide/unhide the product search box in the header.
  5. Choose either to hide/unhide mini cart in the header.

The compact layout can only hold either one of the search box or the mini cart.


  • Here's a screenshot the header layout section.
  • Here's a screenshot when centered layout is selected.
  • Here's a screenshot when compact layout is selected.


Install via the WordPress Dashboard:

  1. Login to your WordPress Dashboard.
  2. Navigate to Plugins, and select “Add New” to go to the “Add Plugins” page.
  3. Search for “Storefront Header Picker” in the search input bar, and hit your enter key.
  4. Click “Install”, and wait for the plugin to download. Once done, activate the plugin.

Install via FTP:

  1. Extract the zip file, login using your FTP client, and upload the storefront-header-picker folder to your /wp-content/plugins/ directory
  2. Login to your WordPress Dashboard.
  3. Go to “Plugins” and activate “Storefront Header Picker” plugin.


Will this plugin work for themes other than Storefront?

No. This plugin was designed to work for the Storefront theme, utilizing Storefront’s action hooks and filters. Activating the plugin while using a different theme will trigger a warning.

I’ve activated the plugin. Where can I access the settings?

The settings for this plugin can be found in the Customizer page under Appearance. In that page, find the section named “Header”.

I want to use Storefront Designer. Will it have a conflict on the header layout?

When you have Storefront Designer enabled, the layout picker of Storefront Header Picker will be disabled. The Storefront Designer’s layout picker will have priority to avoid CSS conflicts with two layout pickers enabled. The checkboxes to disable/enable the product search bar and the cart menu dropdown will be the only function that will work.


فبروري 18, 2019
OK, so this isn't just a "this plugin doesn't do what I had hoped it would do" review, although that is true also. I was hoping, since there's a "compact" version, that it would make everything smaller, but all it does is change the width, which generally just screws up the existing formatting. If you're trying to get rid of the search or cart buttons, it does that, but there are better plugins (or just code) for doing this.
فبروري 2, 2019
Simply switches some CSS properties like display. No responsive design. No attempt to correct alignments. I.e. hiding the search bar should mean the secondary menu being right justified, not left hanging somewhere in the middle. Waste of time.
جون 25, 2018
This plugin works well for me. FYI, I further compacted the "Compact" header design with .site-header { padding-top: 0; } { padding-bottom: 0; } What I would love to see is a way to get the main menu to line up to the right of and on the same row as the site name (which I've converted to a logo). Thank you!
Read all 6 reviews

Contributors & Developers

“Storefront Header Picker” is open source software. The following people have contributed to this plugin.


“Storefront Header Picker” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Storefront Header Picker” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • initial release


  • added screenshots
  • added css to compact layout