Try this.
BACKUP the modified files!!
Step 1:
Open ../layouts/blocks/nav.php
Change the order of logo and mainmenu! Find the code below.
- Code: Select all
<?php if($this->getParam('logo_type', 'image') == 'image') : ?>
<h1 id="gkLogo">
<a href="./">
<img src="<?php echo $logo_image; ?>" alt="<?php echo $this->getPageName(); ?>" />
</a>
</h1>
<?php elseif($this->getParam('logo_type', 'image') == 'text') : ?>
<h1 id="gkLogo" class="text">
<a href="./">
<?php if($this->getParam('logo_text', '') != '') : ?><span class="gkLogoText"><?php echo $this->getParam('logo_text', ''); ?></span><?php endif; ?>
<?php if($this->getParam('logo_slogan', '') != '') : ?><span class="gkLogoSlogan"><?php echo $this->getParam('logo_slogan', ''); ?></span><?php endif; ?>
</a>
</h1>
<?php endif; ?>
Move it above the
- Code: Select all
<div id="gkPageTop" class="gkMain <?php echo $this->generatePadding('gkPageTop'); ?>">
Step 2:Open override.css and put in the code:
- Code: Select all
#gkBg { background: #ac3400 url('../images/style2/glow.jpg') no-repeat 50% 0; margin-top: -35px;}
#gkLogo { height: 95px; margin: 35px 0 -15px ; line-height: 100%; padding-top: 15px; }
#gkHeaderModule { margin-top: 80px; }
Step 3:
Enable the use of override.css in template's options.
If nothing happens try to disable the option CSS compression in template's options and re-enabled