How to Customize your Layout in the Storefront Theme

As we continue our WordPress series on the Storefront theme, we will now show you how to change the layout of your site. There are a couple pre-built layout options you can choose from. This is an easy way to change how your site looks and can help you further personalize your WooCommerce store.

Customize Storefront Layout

  1. Log into your WordPress Dashboard.
  2. wordpress woocommerce storefront set site identity customize appearance

    In your navigation menu click Appearance then Customize.

  3. wordpress woocommerce storefront customize layout access layout options

    Click the Layout link in the navigation menu.

  4. wordpress woocommerce storefront customize layout selecting layout option

    You will then see a couple General Layout options displayed. Clic the one you want to use.

    You will see the updated layout displayed immediately.

    Before After
    before logo change

    after logo change

  5. wordpress woocommerce storefront customize layout publish layout

    Click the Publish button to save your changes.

Congratulations, now you know how to change the layout of your site!

JB
John-Paul Briones Content Writer II

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

Was this article helpful? Let us know!