My layout file looks like this:
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" class="<?php $this->bodyClass(); ?>">
<head>
<jdoc:include type="head" />
<?php $this->loadBlock ('head') ?>
</head>
<body>
<?php $this->loadBlock ('header') ?>
<?php $this->loadBlock ('mainnav') ?>
<?php $this->loadBlock ('toolbar') ?>
<?php $this->loadBlock ('slideshow') ?>
<?php $this->loadBlock ('mainbody') ?>
<?php $this->loadBlock ('spotlight-2') ?>
<?php $this->loadBlock ('navhelper') ?>
<?php $this->loadBlock ('footer') ?>
</body>
</html>
header.php:
defined('_JEXEC') or die;
$sitename = $this->params->get('sitename') ? $this->params->get('sitename') : JFactory::getConfig()->get('sitename');
$slogan = $this->params->get('slogan');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', '') : '';
if ($logoimage) {
$logoimage = ' style="background-image: url('/.JURI::base(true).'/'.$logoimage.');"';
}
?>
<!-- HEADER -->
<header id="t3-header" class="container t3-header">
<div class="row">
<!-- LOGO -->
<div class="span10 logo">
<div class="logo-<?php echo $logotype ?>">
<a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->
</div>
</header>
<!-- //HEADER -->
mainnav.php:
<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" style="backgroundink;margin-right:-40px" class="t3-mainnav span12 offset1"> <!-- !navbar-collapse-fixed-top -->
<div class="container navbar">
<div class="navbar-inner">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</button>
<div class="nav-collapse collapse<?php echo $this->getParam('navigation_collapse_showsub', 1) ? ' always-show' : '' ?>">
<?php if ($this->getParam('navigation_type') == 'megamenu') : ?>
<?php $this->megamenu($this->getParam('mm_type', 'mainmenu')) ?>
<?php else : ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />
<?php endif ?>
</div>
</div>
</div>
</nav>
<!-- //MAIN NAVIGATION -->
Problem 1:
Only about 30% of the logo is shown on the page. The rest is just truncated/hidden. There is no diff if I set it to span10 logo or span3 logo.
Problem 2:
The mainnav is out of place. If I set <nav> to offset1, it starts a little too far on the left and is not aligned up with the header above and toolbar below. If I set it to offset2 it starts a little too far right.