Problems with mobile version

Hi,

I made a few modifications to the CSS of the localbusinesstheme, the website is located here:
http://elcaminoelectrical.com/beta/

When I load the site on my iphone the contact form boxes moved around, the one for entering the captcha sum overlaps the one for entering phone number. Also the boxes with the about us, services and contact us, are moved around.

Please let me know how to fix this problem. Load the site on a browser and then on a phone to see the problems.

 

Hello,

1.For your first issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 960px) and (min-width: 767px){
.signupform input#vercode{
top:146px;
}
}
 
@media only screen and (max-width: 480px){
.signupform input#vercode{
right: 74px;
top: 282px;
 
}
}

2.For your second issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.feature_contentbox {
margin-left: 92px;
margin-bottom: 20px;
width: 280px;
}
}
@media only screen and (max-width: 480px){
.feature_contentbox {
width: 190px;
margin-bottom: 20px;
}
}

Adjust its values as per your requirements.

 

Thanks Gourav, I'll try them and report back if I have any more problems, I appreciate your prompt reply.

Marilenis