How can I add my logo to Storefront?
↑ Back to topStorefront 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 topUse the Homepage Control plugin and documentation.
I added a custom logo. How do I make it wider?
↑ Back to topBy 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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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. */ | |
} | |
} |


I want to customize Storefront, what’s the best way to do it?
↑ Back to topAlways 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 topStorefront 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 topFork the GitHub repository and send pull requests to the latest release branch.