Full-width WooCommerce pages in Twenty Seventeen

First I created a full-width template in a Twenty Seventeen child theme. It works on all pages except WooCommerce, media, and image pages. On those pages the sidebar still display.

Next I added the following CSS in Appearance > Customize > Additional CSS. The code hides the sidebar, but the primary content still occupies a narrow space as if the sidebar were present.

.woocommerce-page #primary {
	width: 100%;
}

.woocommerce-page #secondary {
	display: none;
}

I tried various other things I saw on this support forum, including bypassing the WC “loop” in a woocommerce.php file. Nothing works. I am focusing on the WooCommerce pages as that is more critical, but ideally I will figure out when all these pages refuse to cooperate with the full-width template.

The page I need help with: [log in to see the link]