BlogTimes is a responsive fluid theme, means it adjusts itself on brower width,
however there is no explicit mobile css defined,
you can easily add that with following steps:
1.
add following lines to the header php file
which references a mobile css
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/mobi.css" media="handheld" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/mobi.css" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" />
2.
download style.css to your hd, rename it to mobi.css,
adjust boxes and other css rules to your likings,
and upload to theme folder (same dir as style.css)
an example from css line 148:
original:
#contentmiddle {
border-right: 1px solid #CCCCCC;
float: left;
margin: 0 10px 0 0;
padding: 10px 5px 5px 12px;
width: 46%;
}
change to:
#contentmiddle {
border-right: 0px solid #CCCCCC;
float:none;
margin: 0;
padding: 10px 0 ;
width: 100%; display:block;clear:both;
}
this way mobile browsers would use the mobi.css instead of the original css.