• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 30.05.21, 13:37
  • Opened by: Igor Kes
  • Closed by: Fred
  • Closed on: 18.06.21, 11:43
  • Reason: Closed
  • Comment: Glad to help!

Ticket #21590 - Mobile registration adress form

Hi, we have an issue with registration and checkout form. On mobile it is displaced - windows and text is not in the same line. Can we ask to fix it?

Comments

Fred 31 May 2021, 10:39

Hi, Igor.
Could you please take a screenshot of the issue?

Igor Kes 31 May 2021, 12:46

Please see form screenshot attached.

Attachments:

registration1.PNG (27.1 KiB)
registration2.PNG (15.7 KiB)
registration3.PNG (14.6 KiB)
Fred 31 May 2021, 19:45

Try following CSS 

@media(max-width:768px) {
#customer-form .form-group {flex-direction:column}
}
Igor Kes 31 May 2021, 19:50

Hi,
thanks. How about adress form? We have the same issue. I sent a screen above.

Fred 31 May 2021, 19:57

Try this:

@media(max-width:768px) {
.address-form .form-group {flex-direction:column}
}
Igor Kes 17 Jun 2021, 13:25

Hi the issue again appears.

Attachments:

formularzzakupowy.PNG (22.4 KiB)
Igor Kes 18 Jun 2021, 11:21

Hi, can I ask for update? CSS that we used before is not working. Thanks

Fred 18 Jun 2021, 11:22 
@media (max-width: 767px) {

    body#checkout .form-group {
        margin-bottom:.5rem;
        display: flex;
        flex-direction: column
    }

}
Igor Kes 18 Jun 2021, 11:29

Works great. Thank you.