Change Width of Content & Sidebar on WooCommerce Shop Page Using Genesis

This code enables you to control the width of both the content area and primary sidebar on the WooCommerce shop page.

How it works

If you increase the value for the content by 80px, you must also decrease the value for the sidebar by the same amount.

This solution can be used as a guide to change the width of any sidebar and content area on any page or post in Genesis. In this post, it only applies to the shop page in WooCommerce.

Here’s the code tested on the Genesis Sample child theme by StudioPress using the Genesis WooCommerce Connect plugin with WooCommerce:

Related Tutorials

• Change Sidebar Width in New Genesis Child Themes
• Change Content & Sidebar Width Layout in Genesis