New Topic

Website Looks Different In Handphone

Home › Forum › Help › Website Looks Different In Handphone

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  StartupWP 4 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 13, 2014 at 2:30 PM #1434

    uendi
    Participant

    Hello Mr StartupWP,

    Today, I use my handphone to view my site, and notice that it looks different compare with laptop or desktop. The page is floating on the left, swf file is not showing up and the margin in some of the pages a little bit not in orderly. However, on taptop, it looks perfect when running browers like IE, chrome, firefox, safari and opera.

    Is there any way can solve this problem ?

    Thanks.

    February 13, 2014 at 5:48 PM #1436

    StartupWP
    Keymaster

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

    February 13, 2014 at 5:59 PM #1437

    uendi
    Participant

    I use Iphone5, 4s and Xperia V. My website is uendi.com

    Thanks.

    February 14, 2014 at 4:02 PM #1439

    StartupWP
    Keymaster

    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.

    July 15, 2014 at 6:35 PM #1730

    uendi
    Participant

    Hi

    I understand that some 3rd party plugins/widgets will affect the responsive site, that means they are incompatible with their additional, non-responsive elements.
    So my question is, how to choose the right plugins that won’t affect my responsive design ?

    Thanks.

    July 16, 2014 at 4:37 AM #1734

    StartupWP
    Keymaster

    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.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.