Storefront FAQ

How can I add my logo to Storefront?

↑ Back to top
Storefront 2.0 and WordPress 4.5 allow you to can add a custom logo using the Site Identity theme feature in Appearance > Customize. More at: Add, Delete or Change a Custom Logo.

How can I rearrange or toggle the display of components on the homepage?

↑ Back to top
Use the Homepage Control plugin and documentation.

I added a custom logo. How do I make it wider?

↑ Back to top
By default the header logo maximum width is 21% of the fixed width inside the header area. Adjust this logo to be smaller or larger, and adjust the width of the containing anchor tag around the logo via CSS in Jetpack’s CSS module or in your child theme.
@media screen and (min-width: 768px) {
.woocommerce-active .site-header .site-branding img {
max-width: 40%; /* Adjust this percentage up or down to make the logo larger or smaller. */
}
}
view raw storefront-logo-size-adjust-example.css hosted with ❤ by GitHub
Storefront logo, with the default width.
Storefront logo, with the default width.
Storefront logo, after width adjustment.
Storefront logo, after width adjustment.

Note: If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer for assistance. We are unable to provide support for customizations under our  Support Policy.

I want to customize Storefront, what’s the best way to do it?

↑ Back to top
Always avoid editing core Storefront files. To make customizations, create a custom plugin or child theme and place them there.

Which WooCommerce extensions does Storefront integrate with?

↑ Back to top
Storefront works with any extension available for purchase on WooCommerce.com. However, some extensions have a unique, deep integration. More at: Storefront Extension Integrations.

I want to contribute to Storefront, how can I do this?

↑ Back to top
Fork the GitHub repository and send pull requests to the latest release branch.