move “your order” summary

Hi @kaklappen,

Thanks for reaching out! It looks like the checkout layout has been customized, and I see that you’re using the Elementor plugin.

Could you try deactivating Elementor and switching to a default theme like Storefront to check if the issue persists? Let us know what you find!

thanks for getting back to me.
no I dont use elementor, its not even installed.

currently I am using astra theme.

the checkout page is just a shortcode

I also tried storefront theme. In live preview it looks the same. see here:

Hi @kaklappen ,

Thanks for reaching out! I see you’re looking to align the “Deine Bestellung” text to the left instead of the right. This requires a bit of custom CSS to adjust.

You can try adding this CSS to your site:

@media (min-width: 922px) {
  .woocommerce-page.woocommerce-checkout form #order_review_heading {
    float: left !important;
  }
}

Please note that custom code falls outside our support scope. If you need further tweaks or run into any issues, I recommend reaching out to a service like Codeable or a Certified WooExpert for expert assistance.

I hope this helps point you in the right direction!

great, I will try this as soon as I am back on my pc!
thanks. now is it possible to get it in 1 line instead of 2?

Hi there!

Yes, you can achieve this in a single line by using the following CSS code.

.woocommerce-page.woocommerce-checkout form #order_review_heading {
    width: 100% !important;
}

Let me know how that goes.

wow wonderful it works, thanks!

is it also possible to remove the frame?

Hi there!

Yes, you can use the following CSS code to remove the border.

.woocommerce-page.woocommerce-checkout form #order_review_heading {
    border: none !important;
}

Let me know how that goes.

perfect thanks!!! love to you!!

solved

Hello schmekbu,

Thank you for your reply.

We are glad to be of your assistance. ??
Please don’t hesitate to contact us again with more questions or concerns.

Have a great day!