J1.6 Postnote Wide Main Menu and logo on top of it

Hi,

I am trying to develop a webaiste with Postnote J1.6

postnotechanges.jpg

Does anyone know how to create the menu 'wide', the logo left above the menu bar and to line out the menu options to the left?

Regards Ronnie

Hi

Try this way. Please open ../gk_postnote/layouts/blocks/nav.php and find this fragment:

Code: Select all

<?php if($this->getParam('logo_type', 'image') == 'image') : ?>
   <h1 id="gkLogo">
      <a href="./"> </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; ?>
   


cut and paste it between

Code: Select all

<div id="gkToolbarWrap">
   <div id="gkToolbar">


like this

Code: Select all

<div id="gkToolbarWrap">
<?php if($this->getParam('logo_type', 'image') == 'image') : ?>
   <h1 id="gkLogo">
      <a href="./"> </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; ?>
   <div id="gkToolbar">


Them enable override.css file on template parameters and add this lines on this file:

Code: Select all

#gkMenu {width: 99%!important;}
#gkLogo {position: absolute; top: 10px;}

Cheers ;)


Thanks for your fast response, it works fine.