Corporate template menu problem

There is a problem with main menu in April's Corporate template.
The menu shows well over modules placed in header position, but it hides behind banners placed in banners position.
This bug applies to IE7.

Please advise...

Hi,

personally I am using IE8 among other browsers. But when I test gavick demoserver with IETester I do not see any problem...
could you post link to your site so I can see it?

Martajz wrote:

Hi,

personally I am using IE8 among other browsers. But when I test gavick demoserver with IETester I do not see any problem...
could you post link to your site so I can see it?

Actually I see the same problem here and it does the same thing in your demo- http://demo.gavick.com/

Seems to be an IE7 z-index issue somewhere.

Use IE7 and click on the FAQ link, then mouse over FAQ to initiate the drop down, you will see the drop down drops behind the Sony Ad.

Dear Martajz,
Why don't you try to test at your demo server with real IE7.
As I posted it's an IE7 problem, Firefox is OK.

I know where it can be a problem, because this template contains small hack for IE7, but I need to see your site to said you how to fix it - please send me an email to dziudek[at]gavick[dot]com with ftp access.

As I stated in the previous post, I can share my live site, but you can also see the same issue on you very own demo.

open the demo site for corporate > select FAQ from the menu > Then mouse over FAQ to activate the drop down> you will then see the drop down drops behind the banner ad.

This test of course needs to be performed with IE7 and you will clearly see the issue.


Thanks.

Has this been solved yet? Is there a fix you can make public?

Thanks in advance.

Nope still awaiting a response from the moderators here....


Wish they'd give us an answer since the same issue is in their demo...

We are preparing an update version for this and others gaps on this template.
Please, keep in touch in update.gavick.com

Cheers

Ok, I have a solution for your problems

It isn't so hard to do so you can do it in your files - you need change files index.php and template_css.css.

In file index.php you should move code:

Code: Select all

<div id="wrapper_menu">
   <div id="horiz-menu" class="clearfix<?php echo ($menu_type == 'standard') ? '' : ' moomenu';?>">
      <?php echo $main_navigation;?>
   </div>
</div>

from wrapper_header (line ~149.)

to place after banner wrapper. So after changes code should looks like this:

Code: Select all

<div id="wrapper_header" class="clearfix">
   <jdoc:include type="modules" name="header" style="gavickpro" />
</div>
         
<?php if($this->countModules('breadcrumbs')) : ?>
<div id="wrapper_breadcrumbs" class="clearfix <?php if($this->countModules('banner')) echo 'margin0'; ?>">
   <div id="breadcrumbs_left">
   <?php if($breadcrumbs_text != "") : ?>
      <span id="breadcrumbs_yah"><?php echo $breadcrumbs_text; ?></span>
   <?php endif; ?>
   <jdoc:include type="modules" name="breadcrumbs" style="gavickpro" />
   </div>
   <?php if($datatop) : ?>
   <div id="datatop"><span><?php echo JHTML::_('date', 'now' ) ?></span></div>
   <?php endif; ?>
</div>
<?php endif; ?>

<?php if($this->countModules('banner')) : ?>
<div id="wrapper_banner" class="clearfix" <?php if((($banner_slider && $banner_default == 0) && !isset($_COOKIE['gk25_slider'])) || ($banner_slider && ( isset($_COOKIE['gk25_slider']) && $_COOKIE['gk25_slider'] == 0 ) )) echo ' style="display: none;" '; ?>>
   <jdoc:include type="modules" name="banner" style="gavickpro" />
</div>
   <?php if($banner_slider) : ?>
   <div id="slider_wrap">
      <div id="slider" class="<?php if(($banner_default == 1 && !isset($_COOKIE['gk25_slider'])) || ( isset($_COOKIE['gk25_slider']) && $_COOKIE['gk25_slider'] == 1 )) echo 'slider_up'; ?>"></div>
   </div>   
   <?php endif; ?>
<?php endif; ?>
      
<div id="wrapper_menu">
   <div id="horiz-menu" class="clearfix<?php echo ($menu_type == 'standard') ? '' : ' moomenu';?>">
      <?php echo $main_navigation;?>
   </div>
</div>


and in template_css.css file you need to change only one selector div#wrapper_menu to:

Code: Select all

div#wrapper_menu{
   float:right;
   width:770px;
   height:46px;
   margin-right:10px;
   display:block;
   position:absolute;
   top: 40px;
   right:0;
}


(I've changed only top property - from -48px to 40px).

After these changes menu should looks great also in IE7

Thanks a lot for this modifications ! It works great but :

Is this possible to move down the suckerfish menu and remove or reduce the spacing up the breadcrumbs please ?

Thanks in advance,



EDIT : Solved for the menu. If any interested, change the value for "top" :

Code: Select all

div#wrapper_menu{
   float:right;
   width:770px;
   height:46px;
   margin-right:10px;
   display:block;
   position:absolute;
   -> top: 70px; <-
   right:0;
}

It works!

Thank you very much!

It works now.

Thank you.

Not fully fixed!!! Hi all even though this fix does work for the banner images - and now the menu does indeed go over the banner rather than behind it.

However if you insert any component like a gallery or plugin such as picasa gallery plugin the menu still goes behind these 3rd party components and plugins.

So its hard to use any components in the article area of the website due to the dropdown menu still going behind the content!!

Is there a more complete way to fix this issue?

Thanks,
James

I'm having the same problem as mentioned above too. I did a fresh install of this template using the updated quick start files. I do not have any third party plugins, besides what is included with the template setup. The dropdown menu will "disappear" even on the most basic of pages.

Although I use a Mac with Safari as a browser, I have also tested it on several windows machine using Explorer and I get the same issue. Any help or assistance would greatly be appreciated.

Here is the screen capture to illustrate the problem.

Hi there, the fix mentioned above will work for you on a basic install so try that fix out and it will fix most of your problems without the third party plugins.

The issue I mentioned above is for when you do add some third party plugins it may come back. Thats all I can help you with right now - but yes if you try the fix above it will sort out the issues you are having I should hope.

My coding is listed as above, but the problem still exists.

Gavick did make the code update in the new template files, and those are the ones I downloaded and am using. I also verified that my code matches the code above...and it does exactly.

Any additional ideas?

I wish I could help more. Basically I have applied the code fix above and all is fine except for 3rd party plugins etc.

Hopefully the gavick team will be in touch soon and maybe even take a look at it first hand if you ask them too.

Hi Guys,

I have similar kind of menu problem, when i hover on one of the menu item, the drop down menu is loosing the styling for example back ground.Please check the screen shot. Please help me ASAP. thanks in advancehttp://img8.imageshack.us/img8/2923/corporatemenuproblem.jpg

Hi

I don't see any problem with bg style of menu sub-level on Safari.
Anyway, it's pretty hard to this help without any link.

Cheers

Thanks for Looking Seichinha

My problem solved from this thread http://www.gavick.com/forum.html?func=v ... 2768#26455

Thanks once again.

I followed the GK_Corporate upgrade to fix the problem.
http://www.gavick.com/updates.html?task=update&id=69

I did replace these files

- html/mod_login/default.php
- lib/scripts/gk_image_show.js
- templateDetails.xml
- css/template.css.css
- index.php