Wooassist

Assistance for Your Woocommerce Store

  • How it Works
  • Pricing
  • Blog
    • How-To Articles
    • Code Snippets
    • SEO For E-Commerce
    • Theme and Plugin Reviews
    • Wooassist News
    • Interviews
  • About Us
  • Contact
You are here: Home / How-To Articles / How to Edit Storefront Theme Header

How to Edit Storefront Theme Header

March 6, 2017 By Nick J 14 Comments

Facebook0
Twitter0
Google+0
LinkedIn0

Editing a theme’s header is difficult for the average WordPress user. However, we’ve made it easier to do this for Storefront theme. With just a few clicks, you’ll be able to edit the format of the header, hide header elements, or change background, text and link colors.

But Why Storefront?

Storefront is the best theme to use with WooCommerce, which is the most popular e-commerce platform on WordPress. The theme was made and is being updated by the same people who created WooCommerce so compatibility will never be an issue. If you are already using Storefront theme on your WooCommerce store, then good for you. If not, you should consider using it to prevent any issues in the long run.

We’ve come across many WooCommerce stores that had a lot of problems due to conflicts with the theme. Each and every time, we recommended the use of Storefront theme. And each and every time, using Storefront fixed the problem.

Hence, we’ve created the Storefront Header Picker Plugin to make editing your header that much easier.

How to Install Storefront Header Picker Plugin

Header Layout - How to Edit Storefront Theme HeaderYou install the plugin just like any other plugin.

  1. Go to your WordPress Dashboard and click on “Plugins”.
  2. Click on “Add New” and search for “Storefront Header Picker”.
  3. Click on “Install” and then activate the plugin.

How to Edit Storefront Theme Header

  1. To edit your Storefront theme header, click on Appearance > Customize > Header.
  2. Here you can choose between three header types: Default, Compact, and Centered.
  3. You can also choose to hide the product search bar and the cart. Just check/uncheck the corresponding boxes.
  4. At the bottom, you can change text and header colors.
  5. Once done, just click on “Save & Publish”.
Centered-Layout-How-to-Edit-Storefront-Theme-Header
Centered Layout
Compact-Layout-How-to-Edit-Storefront-Theme-Header
Compact Layout

Will This Work for Any Other Theme?

Unfortunately, this plugin will only wok for Storefront theme. It makes use of Storefront action hooks and filters. Activating the plugin when you are using a different theme will bring up a warning message.

Did this plugin help you edit your Storefront theme header? Do you have any questions about the plugin? Let us know in the comments.

People that read this article also liked

  • How to Edit Footer Credit Text in Storefront ThemeHow to Edit Footer Credit Text in Storefront Theme
  • How to Add a Top Bar in Storefront ThemeHow to Add a Top Bar in Storefront Theme
  • How to Optimize Email Opt-in Forms for Increased Conversions in WooCommerceHow to Optimize Email Opt-in Forms for Increased Conversions in WooCommerce
  • How to Add “Where Did You Hear About Us” Field on WooCommerce CheckoutHow to Add “Where Did You Hear About Us” Field on WooCommerce Checkout
Facebook0
Twitter0
Google+0
LinkedIn0

Filed Under: How-To Articles, Theme and Plugin Reviews Tagged With: design tweaks, marketing strategy, plugins, Storefront, website development, Wooassist

Comments

  1. Shanmuganathan says

    June 9, 2017 at 2:29 pm

    This Plug in does not work , menu moves right , but with cart section on left and menu on right , but not compact , in the same position

    Reply
    • Nick J says

      June 19, 2017 at 4:07 pm

      Hi Shanmuganathan,

      We’re sorry to hear that the plugin didn’t work out for you. Can you share a link to your site so that we can see what’s wrong?

      Cheers

      Reply
  2. Sam says

    August 14, 2017 at 9:31 pm

    I’m trying to use this plugin, but it’s not working. I’ve selected to remove the search bar and the cart tab from the header but nothing happens. I’m using a child theme, but I don’t think that should be causing any problems.

    Reply
    • NickJ says

      October 10, 2017 at 3:18 am

      Hi Sam,

      We’re sorry to hear that the plugin didn’t work out for you. Can you share a link to your site so that we can see what’s wrong?

      Reply
  3. james says

    September 18, 2017 at 6:26 am

    Hello,
    Interested in downloading this plugin but would like to know if it Is still being looked after? I just searched for it in the wordpress repository and it says it hasn’t been updated in 7 months and hasn’t been tested with the latest version of word press.

    Reply
    • NickJ says

      October 10, 2017 at 3:14 am

      Hi James,

      This plugin is still supported and has been tested working. We will release a new update this quarter.

      Reply
  4. John says

    September 19, 2017 at 3:04 pm

    This Plugin won’t install. It says:
    Installation failed: Destination folder already exists.

    Reply
    • NickJ says

      October 10, 2017 at 3:14 am

      Hi John,

      Kindly check your plugins. It might already be installed and just needs to be activated.

      Reply
  5. TH Groves says

    October 19, 2017 at 6:07 pm

    When trying to activate Storefront Header Picker on my wordpress.com site I get a 500 Internal Server Error screen.

    Reply
    • Rob says

      February 27, 2018 at 12:59 pm

      Hi TH,

      You can try to disable all plugins except WooCommerce, and then activate Storefront Header Picker plugin. There might be some conflicting plugins that is causing the internal server error.

      Reply
  6. Yoshak says

    October 26, 2017 at 11:48 am

    Hi.
    I have installed the plugin but it wont remove the cart items menu. How do i fix this?
    My website: http://www.skinprynt.se

    //Thanks

    Reply
    • Rob says

      February 27, 2018 at 12:55 pm

      Hi Yoshak,

      We checked your site and could not see the cart menu. I assume the issue has been resolved?

      Reply
  7. Rene Capion says

    January 11, 2018 at 2:11 pm

    why is it inserting the logo several times? does the logo have to be exactly 1950 x 500 to not be inserted side by side multiple times?

    Reply
    • Rob says

      April 10, 2018 at 3:32 pm

      Hi Rene,

      Yes, the suggested logo size is 1950×500. It needs to be that exact size and it will not show side by side.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Woocommerce Support

wooassist-team-in-Iloilo

Get 2 Hours of
FREE SUPPORT



Happy Wooassist Customers

I have been extremely pleased with Wooassist’s services. They were thorough and knowledgeable. Communications were superb: updates were prompt, concerns were addressed quickly and courteously, and throughout the project were able and intelligent partners, ready with answers and even suggestions to improve my project. I cannot recommend them highly enough!

Patricia Leeb
Samantha Gowing

This is the best web service I have ever had in 13 years of web development. The delivery has been exceptional, fast communication and a genuine interest in our business. Thank you Wooassist, we will recommend your team highly.

Samantha Gowing Foodhealthwealth.com

The Wooassist team has been invaluable to our business. Since working with them they have sorted many complex issues with our website in a professional, friendly and timely manner. These guys are superhero’s, if I had a poster of them I would put it on my wall!

Luke Dennard Bullseyedarts.com.au

Categories

  • Code Snippets
  • How-To Articles
  • Interviews
  • SEO For E-Commerce
  • Theme and Plugin Reviews
  • Wooassist News

Recent Posts

  • 13 Routine Maintenance Tasks that You Should Do on WordPress and WooCommerce
  • 11 Things You Can Do to Increase the Security of Your WooCommerce Store
  • How to Set Up MailChimp Opt-In Form in WooCommerce Checkout
  • Why You Should Do a Plugin Audit on Your WooCommerce Store?
  • Wooassist Goes to WordCamp 2017 in Manila
Let us support your online store so you can manage your business

Get started today

View Plans

Free eBook

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales

Quick Links

  • How it Works
  • Pricing
  • Blog
  • Contact
  • About Wooassist
  • My Account
  • Checkout

Wooasssist

Australia:
14 Snook St
CLONTARF QLD 4019

Philippines:
232 Democracia St.
San Roque, Jaro Iloilo City

Connect

  • Facebook
  • Google+
  • Twitter
  • YouTube

Copyright © 2018 · Wooassist Log in

Yours FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales

Your information will *never* be shared or sold to a 3rd party.