Mobile Look - Login Pagin

Hello,

Looking at the login page on a mobile device: http://www.irgfirm.com/myirg/ the field orientation looks squeezed vertically. And when the login page is horizontal on a mobile device it doesn't look to bad but still squeezed tightly. Can the responsive alignment for mobile devices be widen for both vertical and horizontal orientations.

Thx

 

Hello,
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
div#wpuf-login-form {
text-align: left;
border: 1px solid #ccc;
width: 81%;
padding: 30px;
margin:0;
}
}

Thanks & Regards
Pramod

 

Hello Pramod,

The mobile login page looks good. However the mobile "MyIRG Regristration" page horizontal view, the some of the field boxes are to close to the field label.

Thx

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

ul.wpuf-form li .wpuf-label {
min-width: 150px;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Pasted the latest code, still not aligned well on mobile. Here is how it is looking on my iphone: http://www.irgfirm.com/myirg-registration/

 

Hello,

It seems that you didn't use last CSS code that i provided you, it will resolve your issue.

Code:

ul.wpuf-form li .wpuf-label {
min-width: 150px;
}

Thanks & Regards
Yogesh Bhade

 

hi the code is in there, screen shot of styling css.

 

but the alignment is still off, the code was in scene you sent it.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

ul.wpuf-form li .wpuf-fields {
width: 100%;
}

Thanks & Regards
Pramod

 

The latest code revision did fix the mobile viewing problem. However now on the actual site via a computer browser the "Registration Button" is no longer aligned with the "Strength Indicator" button on the MyIRG Registration page.

www.irgfirm.com/myirg-registration

Thx

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

ul.wpuf-form .wpuf-submit input[type=submit] {
clear: both;
float: left;
}

Thanks & Regards
Pramod

 

Fixed.

Thx