Home › Forum › Help › Website Looks Different In Handphone › Reply To: Website Looks Different In Handphone
February 14, 2014 at 4:02 PM #1439
Unfortunately, there simply seems to be too many additional, non-responsive elements added to the design.
The design is only capable and powerful enough to maintain responsiveness to a reasonable extent. When you begin introducing design elements and 3rd party plugins/widgets that are not responsive it can become challenging.
Here’s an example issue:
nav {
background: url("http://uendi.com/wp-content/uploads/2013/12/Nav-Menu-Bar-1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 0;
height: 46px;
margin-left: -176px;
width: 1351px;
}
Here, you’ve introduced a hard-set width width: 1351px;
.
You essentially have a mixed fixed-width and responsive design. Before anything else, you might see if a plugin like http://wordpress.org/plugins/wptouch/ will suffice.