Buy me a coffee

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.


Step 1. Appearance > Customize


Step 2. Click Additional CSS


Step 3. Insert this code then Publish

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


and result


1 thought on “How to Center Logo in WooCommerce StoreFront Theme”

Leave a Comment

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to:
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder