I was planning to get WordPress Mobile Pack plugin so I could switch themes for mobile devices, but I ran into problems with any theme when viewing my WordPress site on my phone.
Here is my setup. I installed WAMP on my local machine to get WordPress running so I could play around with it. I got everything working and I wanted to test it on my phone so I loaded it there (wireless 192.168...) but when I load the page it looks like it's completely missing the CSS. Also the image doesn't show up - broken image or something. This is with the twenty eleven theme. I was surprised. I tested my phpinfo.php page and that shows up styled just fine with purple and gray and such.
I planned to get WordPress Mobile Pack plugin so I can switch themes for mobile. So I went ahead and did that and switch it to one of the mobile themes and reloaded in my phone. It changed with different sized text but still seemed unstyled. I even loaded thematic and started making a child theme with background colored bright green and it looks right on my computer but not on my phone. The fact that it changed a little means the theme change worked. Shoot I can't post images yet but you get the idea.
I don't get it. I'm not sure what's going on. Any ideas to troubleshoot? Would this happen if I set up Wordpress on a hosted site? Other wordpress site show up normally. Any help is greatly appreciated.
EDIT EDIT
Well, I grepped for ".css" and found a ton of relative links. However here are some that caught my eye and may have and absolute path or URI or something:
$site_dir = WP_CONTENT_DIR . "/themes/$template";
$line = str_replace("<?php echo __get_option('siteurl'); ?>/wp-layout.css", "<?php bloginfo('stylesheet_url'); ?>", $line);
$stylelines = explode("\n", implode('', file("$site_dir/style.css")));
return get_theme_root_uri() . '/mobile_pack_base/style.css';
<link href="<?php print get_theme_root_uri(); ?>/mobile_pack_base/style_structure.css" rel="stylesheet" type="text/css" />
<link href="<?php print wpmp_theme_group_uri(); ?>/styles/baseStyles.css" rel="stylesheet" type="text/css" />
There is lots of use of ABSPATH. I also grepped then for link href= and found some like
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" />
<link href="<?php print get_theme_root_uri(); ?>/mobile_pack_base/style_structure.css" rel="stylesheet" type="text/css" />
There are tons of files. I don't want to muck around with the Wordpress code.
