Forums

resize for mobile

Permalink
Does anyone know the best way to get a theme ( from marketplace) to resize for mobile? (i use mac, and will be using ios 9.5.3 mobile).

Was wondering if a css would do or a header code.

The theme in question is eloquent. For some reason it didn't install in theme folder, but in packages, and can't seem to locate the header script.

Stephen

http://www.stephenscott.ca
Eulalia
 
PineCreativeLabs replied on at Permalink Best Answer Reply
PineCreativeLabs
This will require editing the CSS for whatever theme you're using, and adding the appropriate media queries for this.
For your reference, check out this resource:http://michael-gannon.com/media/index.html...

All themes and addons are to be installed under the packages directory.
Eulalia replied on at Permalink Reply
Eulalia
Thanks for the heads up on that!
Eulalia replied on at Permalink Reply
Eulalia
here is the resulting css quarry which i assume goes in customize area of theme, but *styles here* ... not sure of that.

For a look at the header script- down near bottom in <meta name section should a value be placed?

Thanks for your input

Stephen

<!DOCTYPE html>
<html>
<head>
<?php
Loader::element('header_required');
?>



<link href="<?php echo $this->getStyleSheet('style.css')?>" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $this->getStyleSheet('typography.css')?>" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo $this->getThemePath()?>/fonts/fonts.css" type="text/css" charset="utf-8" />




<?php



if (strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Android') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Blackberry') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'OperaMobi') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'IEMobile') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Jasmine') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Fennec') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Blazer') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Minimo') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'MOT-') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Nokia') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'SAMSUNG') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'Polaris') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'LG-') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'SonyEricsson') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'SIE-') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'AUDIOVOX') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'mobile') ||

strstr($_SERVER['HTTP_USER_AGENT'], 'webOS')) { ?>

<link href="<?php echo $this->getStyleSheet('mobile.css')?>" rel="stylesheet" type="text/css" media="screen" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

<?php
}

?>


<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script src="<?php echo $this->getThemePath()?>/js/modernizr-1.6.min.js"></script>

</head>
<body>
<div id="container">
<header>
<hgroup id="logo">
<h1><a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if($block && $block->bID) $block->display();
else echo SITE;?></a>
</h1>
<h2>
<?php
$a = new Area('Slogan');
$a->display($c);
?>
</h2>
</hgroup>
<nav>
<?php
$a = new Area('Header Nav');
$a->display($c);
?>
</nav>

</header>
<section id="content">
<div id="featured">
<div id="fc">
<?php
$a = new Area('Header');
$a->display($c);
?>
</div>
</div>