Woocommerce Checkout page – Attributes Squashed (Astra Theme)

Hi @sstaffie,

The screenshot that you have shared is not showing up. Can you try reuploading the screenshot or share the URL of your website?

Thanks!

Thanks for the reply, thats strange. The images can be viewed here: https://staffieuk.com/1.jpeg, https://staffieuk.com/2.jpeg, https://staffieuk.com/3.jpeg

The site im working on is on a different address, the pages aren’t openly accessible at the moment.

I have tried to get around the issue by attempting to change the checkout page layout from two columns to one using various CSS codes i found online but none of them seem to work.

In a comical twist I have managed to alter the layout of the checkout from two columns to one by using the following code

@media (min-width: 922px) {
    .woocommerce-page.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review {
    width: 100%;
    }
}

However, the issue still persists. https://staffieuk.com/4.jpeg

Hi @sstaffie,

Looks fine on my dev site [screenshot]

Is there any specific step to replicate this?

Kind regards,
Herman ??

I wonder if it is because I have multiple attributes for the product? I can’t think of any specific way to replicate it as this problem has always been there for me. It is definitely an Astra theme issue as I switched the theme to Twenty Twenty One and that worked perfectly.

As it happens it is being looked at via a support ticket and I have granted access to a staging site to assist with the process.

Hi @sstaffie,

I notice that one of our support agents has responded to your ticket. Would you please continue the conversation related to this matter using the ticket and mark the topic as Resolved?

Kind regards,
Herman ??