Customize Menu Header | ww.wp.xz.cn

Resolved anneklappe
(@anneklappe)

8 years ago

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 to see the link]

Viewing 1 replies (of 1 total)

Riaan K.
(@riaanknoetze)

8 years ago
Hi there,

The easiest way to change the header layout is to use the 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://docs.woocommerce.com/document/storefront-hooks-actions-filters/

Viewing 1 replies (of 1 total)

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

1 reply
2 participants
Last reply from: Riaan K.
Last activity: 8 years ago
Status: resolved