Registration fields not correct on mobile
By Sabih on Saturday, 03 October 2015
Posted in Technical Issues
Replies 5
Likes 0
Views 718
Votes 0
Hey there,

I know it is weekend, but I wanted to post this now before I forget this until monday.


Please be aware that the following refers to the mobile view of the page only. On desktop everything is working fine.

I use the quick registration module on my startpage and you can see, it works fine on mobile. But if you go on the link 'community' without being logged in, the component login and registration forms show and are not displayed correctly. In my case you can see that the recaptchas lays on the registration button and the PLZ field can not be reached.

I have a webview app and people getting there and complain about not being able to register on the site.
Hey Sabih,

I am really sorry for the delay of this reply as it is a weekend for us here. I just tested this on my mobile device and upon tapping on the "Community" menu without being logged in, it is showing the form correctly. I am not really sure what issues are you facing with this?
Mark
·
Saturday, 03 October 2015 14:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Weird. I tried it on a OnePlus, on a Nexus 7 and even with the desktop browser smallest width I can see it is broken.

I made a screenshot:



It is not possible to enter the PLZ field for me, no matter which device I try.
Sabih
·
Saturday, 03 October 2015 17:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Sabih,

You could try adding the block of css codes below to clear the floating elements,



[data-field-recaptcha] {

    clear: both !important;

}
Mark
·
Saturday, 03 October 2015 18:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you, that improved the overlay of the registration button but the PLZ field can not be filled yet.
Sabih
·
Saturday, 03 October 2015 21:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hm, try this instead:



[data-registrationmini-field-125] {

    clear: both !important;

}
Mark
·
Sunday, 04 October 2015 02:51
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post