Why is this wordpress page non-responsive?

The site I am referring to isn't showing up properly on the mobile side.

Here is a look at the fiddle <div id="contactWrapper">. In regards to the actual contact form, the one you will see in JSFiddle will show the short-code. Please refer to the site to see the actual contact form 7 in which I am referring to.

The contact page shows excellent on the desktop version, but the mobile side isn't functioning properly in a responsive format.

I am seeking some insight to help me solve this problem. If you have a few minutes to take a look at the problem and give your input, that would be appreciative.

Solutions

your problem #contact2 and #contact1 have pixel size:

# contact1 {
display: table-cell; 
width: 380px; 
float: left; 
margin-top: 20px; 
} 

# contact2 {
display: table-cell; 
width: 670px; 
float: left; 
} 

replace it by:

# contact1 {
display: table-cell; 
width: 30%; 
float: left; 
margin-top: 20px; 
} 

# contact2 {
display: table-cell; 
width: 70%; 
float: left; 
}
Tags: Wordpress / Css / Mobile

Similar questions

Wordpress xmlrpc page returns non xml data for non browser applications
I am using python (http://python-wordpress-xmlrpc.readthedocs.io/en/latest/) to connect to wordpress to post contents. I have a few wordpress sites to which I connect using sitename.com/xmlrpc.php However one of my sites recently started reporting a problem while connection mentioning not a valid xml. When I view the page in browser I see the usual...
Wordpress 404 works for non existing page but not for non existing images
http://localhost/wordpress/not-found-page.php => goes to 404 not found page http://localhost/wordpress/not-found-image.png => goes to server 404 error page server error page I have added this code in .htaccess Below is the current .htaccess file Please guide.
Detecting if I'm on a single, non-post, non-homepage page?
I'm trying to see if I am on a single page, this page is defined by: Here's my code: Added to page.php, but it doesn't seem to do anything. I know for a fact that simply adding html code to this file adds it to every single page. What am I missing?
How to create a non-responsive WordPress Theme Using Genesis Framework?
I am new to coding and I really don't know how to create a non-responsive child theme which runs on the Genesis framework. Besides that, I tried to modify a child theme and it all went well but one day when i tried to re-size the browser window i noticed that the theme was all messed up and looked ugly. I really want to know whether it is possible ...
Bootstrap 3 - non-responsive?
I am using Bootstrap 3 in my WordPress theme. Most of the site will make use of the responsive features, but for a few pages that host data visualizations I would like to force a fixed width. How would I set this non-responsivity up? (Would be nice if there was some sort of body class (.non-responsive) that could take precedence over the responsive...
Why CSS of my wordpress page in IE does not work properly but when applied to a non wordpress static page works fine in IE?
I have created a 4 section page website where one of the links is about the "news" and is dynamic. As you know I had to create a custom theme of my original design into wordpress so that I can implement it. CSS works fine across all browsers both on static webpages and the on the single wordpress one. However when it comes to Internet Explorer 10 s...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.