Argent: No margins on WooCommerce Product Pages

ash1eygrace commented 4 years ago

Steps to replicate

Create a WooCommerce Product and Publish.

Result

You'll see that there are no margins around the .entry-body of the individual product page and the content is edge-to-edge in the browser.

Expected

I expect the individual product pages to display similar to the posts and pages with margins.

The following CSS was provided in chat as a Workaround:

/* WooCommerce product pages / XXXXXX-HC (MI) */
@media only screen and (min-width: 768px) {
    .single-product .entry-body {
        margin-right: auto;
        margin-left: auto;
        width: 660px;
    }
}
@media only screen and (max-width: 767px) {
    .single-product .entry-body {
        margin-right: 2em;
        margin-left: 2em;
    }
}

User report: [#22529317-hc]

serabi commented 3 years ago

Also reported on 26392883-hc

kathrynwp commented 3 years ago

I don't think Argent is a WooCommerce-compatible theme; it doesn't have the Store tag so it's expected that it might have glitches if someone tries to use WC with it, as it's never been tested with it. Normally I'd recommend that the user select a WC-compatible theme.

Will leave for the theme team to determine if this is a valid issue, though.

Automattic / themes