Woocommerce többsoros szállítási szöveg megjelenése mobilon

Sziasztok,

Megváltoztattam a szállítási szöveget a functions.php-ban a következőképpen:

add_filter( ‘woocommerce_shipping_package_name’, ‘custom_shipping_package_name’ );
function custom_shipping_package_name( $name ) {
return ‘Szállítási díj vidékre: 1.190 Ft
15.000 Ft felett: 990 Ft
30.000 Ft felett: ingyenes


Szállítási díj Budapesten: 1.190 Ft
15.000 Ft felett: ingyenes’;
}

Asztali gépen nagyon szépen megjelenik, de mobilon sajnos egybefolyik a szöveg és az összes u, br látszik.
CSS-ben próbáltam a br tagot eltűntetni mobilon display:none, de semmi változás. Valami ötlet? Mit nem tettem jól? :weary:

Előre is köszi