Image showing behind top nav menu

[mikej]

Hello,

First let me say what a wonderful component this is! Just amazing!

I am having an issue with the images popping up and showing behind the top navigation menu. The menu can be accessed when the image is up. The image should be covering the navigation menu, however you can see the navigation menu on top of the image. I have tested with different settings like slimbox etc, but still the same results. It is only doing this to the top menu of my template. I have tested this with the default Joomla and it still seems to be doing it. Here is an image:

[Jan]

Hi, see similar posts in this forum, seems like the menu items has set some z-index which is over the z-index of used detail window method.

The css for the menu needs to be modified.

Jan

[mikej]

Thanks,

I will check that out. Any idea what the z-index may need to be changed to? I will start playing with numbers, and if I hit the right one I will report back. Thank you.

[01josepe]

Hello,

I have just installed Phoca Gallery on a new simple website (still under construction) here:


You can see in the test albums the images zoom up under the menu. If you managed to fix this issue could you let me know how? Otherwise anyone a little more familiar with php, css or whatever is the problem - any help would be greatly appreciated.

I am not a coder by any means, so please bare that in mind with any responses.

Thanks guys!

[Jan]

Hi, see similar posts in this forum. The menu link in your template should be customized - to change the z-index in CSS

Jan

[01josepe]

Hello,

Thanks for your response Jan, after further research into this issue and some heavy digging through css (something I am very much not familiar with at all) I have managed to solve the problem.

For anyone with the same issue I am using the BlackandWhite IceTeam template on Joomla 2.5.4 and the issue is with the css file 'templates/blackwhite/html/mod_icemegamenu/css/css3_icemegamenu.css'

Code: Select all

	div.icemegamenu ul#icemegamenu {
		margin: 60px auto;
		border-radius: 6px;
		display:block;
		list-style:none;
		margin:0;
		padding: 0;
		[color=#FF0000]z-index:1000;[/color]
		position:absolute;
		top:0;
		left:0;}

This section near the top of the document I have changed form its original state of:

Code: Select all

z-index:9999999;

This enables images to pop up over the menu. Thank again to Jan and any other people that have looked into this issue - I hope this reply helps anyone that is stuck with the same issue.

Amazing gallery extension, great work guys. Thanks.