Hikashop styling with iPhone template

Hi,

I would like to push the registration box under the login box (on checkout) when viewing the site on an iPhone.

I have read how to made the relevant CSS code change: www.hikashop.com/en/support/84-css-styli...tml#registration_box . This changed it on my browser but not on my iPhone (my joomla template uses a different template for each). It should really work on both since the checkout sits within the main body of the page and this is true for both browser and device, but it just doesn't work - the iPhone continues to show them alongside each other.

Any suggestions? The website is notascratch.com/

Many thanks in advance,
Luke

EDIT: I now see that the vertical styling works in Chrome but not Firefox. I have cleared cache in both browsers. This is worse than before!

Hi,

For your template, you will have to have that CSS instead for the left and right parts :
.hikashop_checkout_login_left_part {
float: left;
width: 100%;
}
.hikashop_checkout_login_right_part {
float: left;
}

I tested it on your website and it's working fine with FireFox.

Great work again Nicolas, always correct.