How do i get the compare-at price above the discounted price? It now displays on the same row

Shopify Discussion
1

How do i get the compare-at price above the discounted price? It now displays on the same row and pushes up my quick buy button. Anyone has any suggestions?

Finmar_0-1711177554721.png

Button style css:

ul.product-grid li.grid__item .quick-add button.quick-add__submit {
  max-width: 50px !important;
  min-width: unset !important;
  position: relative;
  float: right;
}

Price rendering on the card:

{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}

Is there maybe a way to render the compare-at price in a separate line with a line break in between?
Any help would be appreciated

1 Like