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.
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.
-

Last edited:
08/08/12
8:58am -

Last edited:
08/08/12
9:07amMichael 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?
- 08/08/12 9:09am
-

Last edited:
08/08/12
9:07amAsad 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. -

Last edited:
08/08/12
9:08amIbrahim 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
-

Last edited:
08/08/12
10:18amDaniel 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 :) -

Last edited:
08/08/12
10:51amDbranes 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/...)
-

Last edited:
08/09/12
11:14amsabby 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
- 08/09/12 12:30pm
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.
