How to Center Logo in WooCommerce StoreFront Theme

By default, Logo in WooCommerce StoreFront will be on the left, and there is no setting to center logo. However, you can use CSS to do this, just follow these steps.

center-logo-woo-storefront-min

Step 1. Appearance > Customize

appearance-customize1-min

Step 2. Click Additional CSS

customize-additional-css-storefront-min

Step 3. Insert this code then Publish

.site-branding img.custom-logo {
margin: 0 auto;
}
.site-branding {
width: 100% !important;
}

center-logo-woo-storefront2-min

and result

center-logo-woo-storefront3-min

Share this post:

Leave a Comment