Title: Customize Menu Header
Last modified: May 24, 2018

---

# Customize Menu Header

 *  Resolved [anneklappe](https://wordpress.org/support/users/anneklappe/)
 * (@anneklappe)
 * [8 years ago](https://wordpress.org/support/topic/customize-menu-header/)
 * Hello,
 * I would like to customize the header of the woocommerce theme storefront. The
   logo should be on the top left, the menu on the top right, the cart underneath
   the menu.
 * Storefront creates divs with the class col-full which uses the full width of 
   the container. Is it possible to add customised classes or change otherwise the
   structure of this area?
 * Thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustomize-menu-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Riaan K.](https://wordpress.org/support/users/riaanknoetze/)
 * (@riaanknoetze)
 * [8 years ago](https://wordpress.org/support/topic/customize-menu-header/#post-10321371)
 * Hi there,
 * The easiest way to change the header layout is to use the [https://woocommerce.com/products/storefront-powerpack/](https://woocommerce.com/products/storefront-powerpack/)
   extension as this allows you to drag-and-drop the elements into place.
 * With that said, if you’d like to change that using custom code – then you’ll 
   need to use the appropriate hooks for Storefront to change the order/layout.
 * For more information on the hooks used in Storefront, have a look at the following
   resources:
    - [https://github.com/woocommerce/storefront/blob/master/header.php#L30-L46](https://github.com/woocommerce/storefront/blob/master/header.php#L30-L46)
    - [https://docs.woocommerce.com/document/storefront-hooks-actions-filters/](https://docs.woocommerce.com/document/storefront-hooks-actions-filters/)

Viewing 1 replies (of 1 total)

The topic ‘Customize Menu Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Riaan K.](https://wordpress.org/support/users/riaanknoetze/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/customize-menu-header/#post-10321371)
 * Status: resolved