1. Shopin
  2. Thursday, 15 February 2018
Hello,

I got a problem in my mobile view in the checkout.

Look at the attachment.

I want that in each row is one field.
I want the lines of Right to jump below those of Left.

Does anyone have a solution for that?

Thanks in advance
Attachments (1)
Accepted Answer
ok, found - new used.


@media screen and (max-width: 480px) {
.fullm,
#address label,
#address input {display:block; float:none; clear:both; }
#address input { margin-bottom:10px;}
#address .span6,
#shipping-address .span6,
#billing-new .span6 {width:100%;}
}


Try now.
  1. more than a month ago
  2. Shopin
  3. # Permalink
Responses (11)
Hi,
it should be easy to solve with few lines of custom CSS.
Give me 15min.
  1. more than a month ago
  2. Shopin
  3. # 1
Or maybe even with J2Store settings.
--- checking...
  1. more than a month ago
  2. Shopin
  3. # 2
Question:
You have there J2store Free or Pro ?
  1. more than a month ago
  2. Shopin
  3. # 3
Question:
You have there J2store Free or Pro ?


Hey,

I got the Pro Version
  1. more than a month ago
  2. Shopin
  3. # 4
maybe that's why...
can you send me access to back-end, it will be faster this way (PM)
  1. more than a month ago
  2. Shopin
  3. # 5
Danke,
please try now.
---
Remember to click refresh 3x on iPhone
---

In general I used

@media screen and (max-width: 480px) {
.fullm,
#address label,
#address input {display:block; float:none; clear: both;}
}
  1. more than a month ago
  2. Shopin
  3. # 6
Danke,
please try now.
---
Remember to click refresh 3x on iPhone
---

In general I used

@media screen and (max-width: 480px) {
.fullm,
#address label,
#address input {display:block; float:none; clear: both;}
}


Hey Paul,

I tried it but it still doesn't work....
  1. more than a month ago
  2. Shopin
  3. # 7
you mean no differences at all?
---
Please check also here : http://quirktools.com/screenfly/
It mean time I will check again, maybe I forgot about one class.
  1. more than a month ago
  2. Shopin
  3. # 8
ok, found - new used.


@media screen and (max-width: 480px) {
.fullm,
#address label,
#address input {display:block; float:none; clear:both; }
#address input { margin-bottom:10px;}
#address .span6,
#shipping-address .span6,
#billing-new .span6 {width:100%;}
}


Try now.


Hey Paul,

yes, now it looks great.

Thank you very much!!
  1. more than a month ago
  2. Shopin
  3. # 9
You're welcome.
  1. more than a month ago
  2. Shopin
  3. # 10


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.