Display button to continue (Woocommerce) shopping below text?

Hi there,

That layout is sourced from WooCommerce templates, and the theme doesn’t modify it in any manner. You might want to contact WooCommerce support for assistance.

Good to know, thank you!

No problem!

So, the fact that the first two columns don’t have a header text, is also a Woocommerce issue?

Hi there,

that is correct its part of the Woocommerce cart template. It does not add visible labels for the first 2 columns – it just adds screenreader text for them.

Thanks David!

In that case, I am going to reach out to the Woocommerce team.

To me, it doesn’t make sense to have this just for screen readers.

Hi guys,

I have been able to accomplish adding those two missing columns to the table.

But how can I fix this issue?

I would like to show the button “Seguir comprando” below the text.

Is this possible with just CSS?

You can see an example over at https://sueca13flores.com/ if you add an item to your basket.

Thank you!

Try this CSS:

@media (max-width: 767px) {
  .woocommerce .woocommerce-message {
    display: flex;
    flex-direction: column-reverse;
  }

  .woocommerce .woocommerce-message .button {
    text-align: center;
  }
}

Beautiful, thanks Alvind! ??

• This reply was modified 4 months, 3 weeks ago by Robert Orzanna.

You’re welcome!