Change main-menu position

Hey guys!

I have implemented a new module position for the logo now sitting where the former Top-Nav was located. Worked out fine with your tutorial.

Unfortunately the Main-Menu doesnot move downwards automatically so I wanted to bring it down a bit via custom.css.

I added this code - which has no effect at all:

Code: Select all

.gkHeaderNav {
padding: 0 20px;
}


Maybe you have any information how I can fix that issue?

Looking forward to your reply - and thank you very much for your great support!

Hi

Please show me Your site.

Hi

Please show me Your site.

Erhm - yes. That might be helpful
http://www.cool-o-mat.com/zentrum/cms

Hi

Header area with menu is a fixed layer, so You should reposition it with adjusting "top" value in a class:

Code: Select all

#gkHeaderNav {
    background: none repeat scroll 0 0 #96bafd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    position: fixed;
    top: 38px;
    width: 100%;
    z-index: 10000;
}


I would also recoment to adjust Your newly created layers with a "position: fixed" attribute. This way You will be able toposition it wherever You want.

I have set this into the template.css:

Code: Select all

/* Kontakt */
#kontakt {
   height: 38px;
   line-height: 38px;
     margin: 0 24px 0 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10000;
}

/* Logo neu */
#logo {
   margin: 0 24px 0 0;
   padding: 0;
   text-indent: -999em;
   text-shadow: none;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10000;

Added this to TemplateDetails.xml:

Code: Select all

                    <position>kontakt</position>
               <position>logo</position>

This to gk.const.php:

Code: Select all

    'kontakt' => 'none',
    'logo' => 'none',

And this to config.php:

Code: Select all

    <header id="gkHeader"<?php if(!$this->API->modules('breadcrumb')) : ?> class="nobreadcrumb"<?php endif; ?>>
       <div class="kontakt">
            <?php if($this->API->modules('kontakt')) : ?>
          <div class="kontakt">
          <jdoc:include type="modules" name="kontakt" style="<?php echo $this->module_styles['kontakt']; ?>" />
      </div>
      <?php endif; ?>

          <div class="logo">
            <?php if($this->API->modules('logo')) : ?>
          <div class="logo">
          <jdoc:include type="modules" name="logo" style="<?php echo $this->module_styles['logo']; ?>" />
      </div>
      <?php endif; ?>
     
      <div id="gkHeaderTop">
          <div class="gkPage">
            <?php if($this->API->modules('topnav')) : ?>
            <div id="gkTopMenu">
               <jdoc:include type="modules" name="topnav" style="<?php echo $this->module_styles['topnav']; ?>" />
            </div>
            <?php endif; ?>
                 
            <?php if($this->API->modules('cart')) : ?>
            <div id="gkCart">
               <span id="gkCartCounter"><?php echo JText::_('GK_TPL_LOADING'); ?></span><i class="gk-icon-cart-add"></i>
            </div>
            
            <?php $this->layout->loadBlock('tools/cart'); ?>
            <?php endif; ?>
            
                <?php if($this->API->modules('search')) : ?>
                <i class="gk-icon-search" id="gkSearchBtn"></i>
                <?php endif; ?>
         </div>
      </div>   
      
      <div id="gkHeaderNav">
         <div class="gkPage">   
            <?php $this->layout->loadBlock('logo'); ?>
                 
                 <?php if($this->API->get('show_menu', 1)) : ?>
                 <div id="gkMainMenu" <?php echo $this->API->get('menu_type', 'classic') == 'overlay' ? 'class="gkMenuOverlay"' : 'class="gkMenuClassic"'; ?>>
                         <?php
                       $this->mainmenu->loadMenu($this->API->get('menu_name','mainmenu'));
                        $this->mainmenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));
                    ?>
                 </div>
                 <?php endif; ?>
                 
                 <?php if($this->API->get('show_menu', 1)) : ?>
                 <div id="gkMobileMenu" class="gkPage"> <i id="mobile-menu-toggler" class="fa fa-bars"></i>
                     <label for="mobileMenu"><?php echo JText::_('TPL_GK_LANG_MOBILE_MENU_LABEL'); ?></label>
                     <select name="mobileMenu" id="mobileMenu" onChange="window.location.href=this.value;">
                         <?php
                           $this->mobilemenu->loadMenu($this->API->get('menu_name','mainmenu'));
                           $this->mobilemenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));
                       ?>
                     </select>
                 </div>
                 <?php endif; ?>
                 
                 <?php if($this->API->modules('search')) : ?>
                 <div id="gkSearch">
                    <jdoc:include type="modules" name="search" style="<?php echo $this->module_styles['search']; ?>" />
                 </div>
                 <?php endif; ?>
          </div>
       </div>

But the result still is, that the contact-envelope-image and the logo are still hanging around in the middle of the page and destroy the main-slideshow.

I really need to get this fixed soon, as my time for finishing this page runs out very fast.

Please PM me about this - It also would be no problem for me to donate money to you to get it fixed quickly. I am sure it just takes you minutes to get it working - I am struggling with this issue for about 2 weeks now :-/

Looking forward to your reply.

PS: Changes files are attached.

Hi

Please send me an access to ftp. I'll try to fix it.