You have 3 choices choose a Responsive Theme for your site (Responsive adapts for different screen sizes) choose a plugin (such as WPTouchPro – which is both plugin and theme) build a second site which you access at m.example.com, this duplicates all the content and has its own theme … there is a 4th option … Read more
I see 3 ways to edit Jetpack Mobile theme: 1. Use Jetpack’s Custom CSS module Jetpack includes a module named “Custom CSS” that allows you to add your own custom CSS without having to edit your theme stylesheet. The custom CSS editor (under Appearance > Edit CSS) also includes an option to include this custom … Read more
You can make a simple function for this, check if is mobile (http://codex.wordpress.org/Function_Reference/wp_is_mobile). and redirect with wp_redirect() http://codex.wordpress.org/Function_Reference/wp_redirect add_action(‘wp_head’, ‘redirect_mobile’); function redirect_mobile() { if ( wp_is_mobile() ) { wp_redirect( ‘http://url’ ); exit; } } This is untested but should work. Add it to your themes functions.php file.
You shouldn’t need to use a different theme. A good responsive theme should handle all sorts of device window sizes. The new default WP theme, Twenty Thirteen, is responsive mobile first and changes for different device screen sizes. http://wordpress.org/themes/twentythirteen
$_GET is for accessing variables in URL parameters, it’s not related to any detection by itself, something must be adding it to URL. In context of WordPress it might be related to $is_iphone global. If you look at wp-includes/vars.php there is number of global variables like this, which WP fills up with data via user … Read more
It is your css. I went into the your CSS and for .content-area. I took out the float left and then went into line 753 and took out the display:table. I am not sure on this theme but if it is using tables I would change it all to div’s .footer-sidebar::before, .footer-sidebar::after, .hentry::before, .hentry::after, .slider-direction-nav::before, … Read more
cybmeta is right you cannot trust server-side browser detection <div class=”portrait”> wp_nav_menu( array(‘menu’ => ‘primary’ ) ); </div> <div class=”mobile”> wp_nav_menu( array(‘menu’ => ‘mobile’ ) ); </div> <div class=”primary”> wp_nav_menu( array(‘menu’ => ‘primary’ ) ); </div> and use media queries to hide and display menu
wp_is_mobile() does not have any filters or ways to override. What you’ll need to do is build a wrapper of your own around wp_is_mobile() and use that in your code where you’ve used wp_is_mobile(). Something like the following prototype could work for you. Ultimately a better option over the URL parameter might be to use … Read more
This question is pretty vague but I’ll give it a shot. A few options: 1) Check out WPtouch – http://www.wptouch.com/ – This plugin gives you the ability to override certain aspects of your primary theme with mobile friendly templates instead. 2) This is not ideal but you could use some basic Javascript to check the … Read more
I can see that the div with id of wrapper has it’s width set in the CSS. It should have width of auto. I can see that the page that works (the one you provided a link for), the body has a class under which the div width id wrapper has it’s width set to … Read more