Website Looks Different In Handphone

Not all phones support Flash, what kind of phone is it? Also, what’s the website again?

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.

Many plugins will boast responsiveness in their description or as a listed feature, but even if they don’t mention it, it could still be responsive or made to be responsive.

You could try searching Google with terms like “responsive x wordpress widget” and the like.

Mostly, it’ll just require trialling things to find what works best for your project.