Joomla Templates Club 406,261 posts

[rotaryttk Friend rotaryttkJoin date: December 2008Posts: 7Downloads:0Uploads:1 Thanks: 4]

#138607

On http://www.transitiontownkinsale.org – (1.5+) the top menu sometimes (frequently) disappears behind the banner photographs. I believe I set up the site as per the tutorial.

I set up a temporary super admin as:
Thanks in advance for your help,

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#293613

Please remove the login info above.

Your slideshow has a zindex of 6 and your menu has a zindex of 2. You need to set the mune higher than the slideshow for it to appear in front.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#293614

Actually I’m wrong…

The zindex of your main menu is 2 and sub items are 99.

However…your slideshow zindex starts at 2 and goes up by 2 each time a picture changes so if the page is open for a few minutes your slideshow zindex goes beyond 99 and thus causing the menu items to appear behind it.

The solution is to increase the zindex for your css sub items by opening templates/japyrite/ja_menus/ja_moomenu/ja.moomenu.css line 41 and find….

#ja-cssmenu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
width: 15.9em;
}

and change 99 to 9999.

2 users say Thank You to scotty for this useful post

1. rotaryttk
2. Antoine BALAVOINE

[rotaryttk Friend rotaryttkJoin date: December 2008Posts: 7Downloads:0Uploads:1 Thanks: 4]

#293845

<em>@scotty 114841 wrote:</em><blockquote>Actually I’m wrong…

The zindex of your main menu is 2 and sub items are 99.

However…your slideshow zindex starts at 2 and goes up by 2 each time a picture changes so if the page is open for a few minutes your slideshow zindex goes beyond 99 and thus causing the menu items to appear behind it.

The solution is to increase the zindex for your css sub items by opening templates/japyrite/ja_menus/ja_moomenu/ja.moomenu.css line 41 and find….

#ja-cssmenu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
width: 15.9em;
}

and change 99 to 9999.</blockquote>
The only way I know to get to and edit css files is through the template editor. JA Pyrite takes me to four possible type of css – slideshow, template, typo and jabulletin – none of which seem to have the code mentioned in your post.

I thanked you for your post because it was clear and to the point – I just need one more set of directions and all will be well I am sure.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#293847

The code is in ja.moomenu.css which is in …/templates/japyrite/ja_menus/ja_moomenu/

You will need to access the file through FTP or you can install an extension called eXtplorer which will allow you edit it server side.

1 user says Thank You to scotty for this useful post

1. rotaryttk

[rotaryttk Friend rotaryttkJoin date: December 2008Posts: 7Downloads:0Uploads:1 Thanks: 4]

#293856

Thank you – I have Extplorer and it was quickly sorted.:D

[zeolite Friend zeoliteJoin date: February 2007Posts: 28Downloads:0Uploads:2 Thanks: 3 Thanked: 5 times in 2 posts]

#294402

There is also another fix for this. Edit template.css and look for #ja-header and add this value:

z-index: 9999;

That will make the menu appear in front of the sliding banners in IE!

1 user says Thank You to zeolite for this useful post

1. rotaryttk

[Author]

Posts