Podgeminster:
Anyone else experiencing this issue?
Yes. And I think I've found the problem(s).
The first issue is that the width of fieldset div is set to 80% or 90% in repsonsive_mobile.css. This shouldn't be a problem, but it is done with !important, so it's not possible to override it. It forces both the totalBox and the lineTitle to be very wide, and therefore they won't fit on the same line. So first comment out or delete part of responsive_mobile.css:
fieldset input[type=tel], fieldset input[type=date], fieldset textarea, /* fieldset div */, fieldset .inputLabel, fieldset input[type=text], fieldset input[type=email]{width:85% !important;margin:0 0 0 20px !important;}
This appears in two places, once for landscape and the other for portrait mobiles.
Secondly there is another line which sets the .forward tags to be too wide and removes the float:right from them as well. So comment out this line too:```
/* #checkoutPayment .forward, #checkoutShipping .forward{float:none; width:95%;} */
Again it is in two places.
Now you'll probably find that the margins allowed are too big to let all the titles fit so you might want to add something like the following below the above line(s) in responsive_mobile.css:
fieldset div {margin-left:2px;}
.totalBox {width:25%;}
.lineTitle {width:60%;}
#checkoutOrderTotals div {margin-right:10px;}
In this case you might want different values for the portrait and landscape sections as the space available is obviously different.
Hope this helps - I realise it doesn't answer your actual question, but it does fix the behaviour to be the same as on a desktop.
N.B. Similar changes may be requires in responsive_tablet.css, but I've only just sussed this out for responsive_mobile.css and haven't had a chance to check yet.
To swap the order of the lines you need to swap the order of lines 18 and 19 in /includes/templates/YOUR_TEMPLATE/templates/tpl_modules_order_totals.php. But don't do this if you make the above changes.
Yours,
Andrew
