Невозможно выровнять текст после добавления новой строки разрыва в цену Woocommerce с помощью CSS. ⇐ CSS

[Anonymous]

Надеюсь, у вас все хорошо. У меня возникла проблема с размером шрифта на мобильных устройствах, поэтому я решил использовать CSS, чтобы создать новую строку с помощью этого кода.

Код: Выделить всё

del.amount { display: flex !important;  flex-direction: column !important; }

но, как показано на этом изображении:


цена со скидкой не отображается в той же вертикальной строке, я не знаю почему, даже я пробовал пару методов CSS, которые все равно показывают то же самое, что и на снимке экрана. прикреплено по ссылке.
Кто-нибудь знает, как это исправить, я использую тему Woodmart.
Эта проблема возникает только на мобильных устройствах.

Подробнее здесь: https://stackoverflow.com/questions/773 ... -using-css