Form on website unable to align properly on Small Screen...

Form on website unable to align properly on Small Screen...

http://www.supermaids.ibatupahat.com

 

Hello,

Greetings from InkThemes!

Please 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: 480px){
.form_wrapper_custom {
    height: auto !important;
    width: 100%;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

yes.... it works......
www.supermaids.ibatupahat.com

the other issue is ....... is the form's column able to adjust while on small screen?

 

Helo,

Please paste the code given below in Custom CSS section of your dashboard.

Code:

@media only screen and (max-width: 767px){
.variant_leads_form .inkleadsform .signinForm ul.inkleadsul li input[type="text"] {
    width: 100%;
    float: none;
}
.form_wrapper_custom {
    height: auto !important;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

the styling setting of the theme currently i add is as this:

Code:

b, strong {
  font-weight: 700 !important;
}
 
@media only screen and (max-width: 480px){
.form_wrapper_custom {
    height: auto !important;
    width: 100%;
}
}
 
.variant_leads_form .inkleadsform .signinForm ul.inkleadsul li input[type="text"] {
    width: 100%;
    float: none;
}

the result on form become:
http://www.supermaids.ibatupahat.com/


----------------------------------------

i go through your sample website.....it is allright...... the form format align beautifully......
http://inkthemes.com/wptheme/variant-wedding-planner-landing-page/

 

Hello,

It seems that you have entered wrong code (displacement of bracket) in your Custom CSS field..

You are kindly suggested to put the above code (as I have mentioned in my previous post) carefully and check after that..

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Hello,

You would be glad to know that your issue has been resolved..

Kindly check your site and acknowledge the same..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks a lot....... it works now
www.supermaids.ibatupahat.com

Code:

li.inkleadheading h1 {
    margin-top: -31px;
    color: white;
}
li.inkleadheading p {
    margin-bottom: 15px;
    margin-top: 15px;
}
@media only screen and (max-width: 480px){
.form_wrapper_custom {
    margin: 20px auto 0 auto;
    width: 100%;
    height: auto !important;
}
}
 
 
@media only screen and (max-width: 480px){
.variant_leads_form .inkleadsform .signinForm ul.inkleadsul li input[type="text"], .variant_leads_form .inkleadsform .signinForm ul.inkleadsul li input[type="email"], .variant_leads_form .inkleadsform .signinForm ul.inkleadsul li textarea {
    outline: none;
    font-family: 'Raleway', sans-serif;
    border: 2px solid #d9d9d9;
    padding: 5px 12px 5px 12px;
    width: 100%;
    float: none;
}
}

 

You're welcome..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com