logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$5
My mobile and iPad don't work correctly.

My website (hermanfurniture.com) is a Furniture store website. I purchased the Core theme from themeforest. This theme works perfectly for the desktop.

But the mobile (iPhone) and the iPad is slight wrong. For the mobile, the logo is too big and the menu drop-down is hidden, cos the iPhone is too small. portrait and landscape cannot be used.

And the iPad, the portrait oriention is wrong. The menu cannot be clicked. but the landscape is fine.

How do you correct the mobile and iPad theme, without touched the desktop theme??

kidd | 08/08/12 at 8:54am Edit
Tutorial: How to assign prize money


(7) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    08/08/12
    8:58am
    Arnav Joy says:

    try this plugin

    http://wordpress.org/extend/plugins/wptouch/

  • avatar
    Last edited:
    08/08/12
    9:07am
    Michael Caputo says:

    Yeah, i see what you're saying.

    A suggestionI could make (for iPhone - i don't have my ipad with me right now), is move the drop down menu more to the top of the screen. That would help?

    I could do that for you if youd like.

    in your grid.css, on line 178, put:


    position: absolute;
    top: 0;
    right: 10px;


    so it would be:

    #menu_border_wrapper select {
    display: inline-block;
    float: right;
    margin-top: 10px;
    position: absolute;
    top: 0;
    right: 10px;
    }

    • 08/08/12 9:09am

      Michael Caputo says:

      I would also suggest adding

      margin-top:30px;


      to line 112 of grid.css

    • 08/08/12 3:48pm

      kidd says:

      Hi,

      Thanks for the help!! :) I tried your method but doesn't work :( Cos my mobile theme logo is too big, anyway to upload another logo, much smaller one, without affecting my desktop theme?? and i tried your method, position: absolute; top: 0; right: 10px; no change in my website :((

      Please advice :((

    • 08/08/12 3:59pm

      Michael Caputo says:

      Try adding:


      @media only screen
      and (min-width : 1224px) {

      a#custom_logo img{display:none;}
      a#custom_logo{background:url('URL TO SMALLER LOGO') no-repeat 50% 50%;width: WIDTH OF IMAGE;height: HEIGHT OF IMAGE;display:block;text-indent:-9999px;}

      }


      To the bottom of your screen.css file.

      Please make sure you add in the URL to your smaller logo and the logo image width and height.

    • 08/08/12 4:01pm

      Michael Caputo says:

      Sorry, disregard the previous css, use this:


      @media only screen and (max-width : 1224px) {
      a#custom_logo img{display:none;}
      a#custom_logo{background:url('URL TO SMALLER LOGO') no-repeat 50% 50%;width: WIDTH OF IMAGE;height: HEIGHT OF IMAGE;display:block;text-indent:-9999px;}
      }

    • 08/08/12 4:54pm

      kidd says:

      Hi, Can you see if It is correct??

      @media only screen and (max-width : 1224px) {
      a#custom_logo img{display:none;}
      a#custom_logo{background:url('http://hermanfurniture.com/Hermanright(smaller)mobile.png') no-repeat 50% 50%;width: 20px;height: 20px;display:block;text-indent:-9999px;}
      }

      There is no difference on my mobile.

    • 08/10/12 3:13am

      kidd says:

      My website (hermanfurniture.com) is a Furniture store website. I purchased the Core theme from themeforest. This theme works perfectly for the desktop.

      But the mobile (iPhone) and the iPad is slight wrong. For the mobile, the logo is too big and the menu drop-down is hidden, cos the iPhone is too small. portrait and landscape cannot be used.

      And the iPad, the portrait oriention is wrong. The menu cannot be clicked. but the landscape is fine.

      How do you correct the mobile and iPad theme, without touched the desktop theme??

      You can do this for me? and how much?

  • avatar
    Last edited:
    08/08/12
    9:07am
    Asad Iqbal says:

    Please follow this article:

    http://wpwidgets.net/11-ways-to-create-a-mobile-friendly-wordpress-site/

    If you think you need more help then let me know.

  • avatar
    Last edited:
    08/08/12
    9:08am
    Ibrahim Quayum says:

    You have to purchases a theme with mobile version or make a only mobile version for your theme. No plugin can solve it because it's not a blog , it's a business website. Thank You

  • avatar
    Last edited:
    08/08/12
    10:18am
    Daniel Yoen says:

    You need responsive layout,

    http://twitter.github.com/bootstrap/

    http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design

    http://www.shifnet.com/premium/50-fresh-responsive-themes-to-optimizing-your-web-performance/

    hope this help :)

  • avatar
    Last edited:
    08/08/12
    10:51am
    Dbranes says:

    if you use a mobile detector plugin (here are for example two)

    http://wordpress.org/extend/plugins/any-mobile-theme-switcher/

    http://wordpress.org/extend/plugins/wp-mobile-detector/

    then you can easily add a different Wordpress theme for the mobile devices (iphone/ipad/...)

  • avatar
    Last edited:
    08/09/12
    11:14am
    sabby says:

    Hi,
    use this code,

    <?php $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
    if($isiPad) {
    ?>
    <style> your style code.</style>
    <?php
    }
    ?>

    for more information you can visit this site :

    http://davidwalsh.name/detect-ipad

    Nice website to detect all iphones, ipad etc.
    I have integrated with many site, for instance you can see this site working in on all browser.
    cleanenergyblog.eversheds.com
    see this site on ie6,ie7,ie8,ie9 safari, ipad, iphones etc.

    Check and try from the above link and implement.
    Thank you

    • 08/09/12 12:30pm

      kidd says:

      Hi, where to paste this code?

    • 08/09/12 1:03pm

      sabby says:

      In header,

      before </head> closing part

      check this link http://davidwalsh.name/detect-ipad

    • 08/10/12 3:12am

      kidd says:

      My website (hermanfurniture.com) is a Furniture store website. I purchased the Core theme from themeforest. This theme works perfectly for the desktop.

      But the mobile (iPhone) and the iPad is slight wrong. For the mobile, the logo is too big and the menu drop-down is hidden, cos the iPhone is too small. portrait and landscape cannot be used.

      And the iPad, the portrait oriention is wrong. The menu cannot be clicked. but the landscape is fine.

      How do you correct the mobile and iPad theme, without touched the desktop theme??

      You can do this for me? and how much?

    • 08/10/12 7:58am

      sabby says:

      Hi,
      Kindly email me on sabirsoftware@gmail.com or skype me at sabiresm.

      Will help you.
      Thank you

This question has expired.





Current status of this question: Community pot



Please log in to add additional discourse to this page.





Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.