stack order id and billing email on top of each other for mobile device

Hi there,

This would normally be a question for WooCommerce support team as the theme doesn’t have any control over it.

You can try this CSS:

@media (max-width: 768px) {
    .woocommerce .woocommerce-form-track-order .form-row-first, 
    .woocommerce .woocommerce-form-track-order .form-row-last {
        float: none;
        width: 100%;
    }
}

Learn how to add CSS: https://docs.generatepress.com/article/adding-css/

You’re welcome.

Please be mindful of the numbers of WooCommerce customization topics you ask in this forum: https://generate.support/what-support-includes/

Thanks!

WooCommerce questions would be in the red zone under Third-party plugin debugging.

Product specific filters and CSS code means our/GP products 🙂

As you can see, we always try to help but sometimes it might be best to check with WooCommerce’ support team first for WooCommerce specific questions.