Joomla Templates Club 406,261 posts

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#172408

Can anyone point me in the correct direction on solving this issue with this template.

The mega menu showing behind FrontPage Slide Show module. How can I make the mega menu show on top of any module?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#432420

In order to best try to assist you, can you please provide the url to the site you are working on . . .
– as well as set “Optimize CSS” to “No” within your Template Manager—General Settings

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#432422

I will PM my login details since the site is not live. The Optimize CSS is disabled.

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#432423

Hi Magtaf,

i think you want to change the z-index on the mainmenu in css file.

please check this for get an idea

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#432872

Was this issue resolved ???

:confused:

1 user says Thank You to TomC for this useful post

1. magtaf

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#433201

Sorry for the delay, I installed 1.7 version and the mega menu does not have a problem, it seem that the issue is with 1.5 version.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#433698

<em>@magtaf 293810 wrote:</em><blockquote>Sorry for the delay, I installed 1.7 version and the mega menu does not have a problem, it seem that the issue is with 1.5 version.</blockquote>
So you’re currently using the 1.7 version – no longer 1.5 version?

In other words . . . problem solved ??

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#446730

Hello,

I am having this same problem. using JA Community Plus with Joomla 2.5.3 and Joomlaworks Front Page Slide Show in place of JA Slideshow. My mega menu drop downs show behind the FPSS. Joomlaworks suggests putting a wrapper div around the menu. I have tried to do that, but apparently not in the right place. Can you please direct to the code area for this, or provide alternate solution?

Here is the Joomlaworks article:
http://forum.joomlaworks.gr/welcome-to-the-joomlaworks-community-forum/my-suckerfish-%28or-other%29-menu-expands-behind-flash-objects-or-image-rotators!/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#446731

Please provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General settings.

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#446778

Thank you.

The site is http://whitakerweb.net/hen1

Optimize CSS is off.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#446785

Look for the following within the css for your Frontpage Slideshow component files

<blockquote>#fpssContainer128.fpss-template-movies {
border: 1px solid #999999;
font-family: “Trebuchet MS”,Trebuchet,Arial,Verdana,sans-serif;
height: 260px;
margin: 8px auto;
overflow: hidden;
padding: 2px;
position: relative;
width: 740px;
}
</blockquote>

and add a “z-index: -50; ” property to it.

1 user says Thank You to TomC for this useful post

1. tso2085

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#446790

TomC

Awesome, you were right on! Except I had to use a z-index of 1, as the FPSS stayed behind the solid area of the #ja-slideshow-wrap if I used any number lower.

Below is where I had to fix the FPSS code in case anyone else runs into the issue:

Edit the template.css.php file in the <joomla dir>/modules/mod_fpss/tmpl/Movies/css directory (note that this is the Movies template, there are others under the “tmpl” directory if you are using a different fpss template than Movies)

Look for code as below:

/* --- Slideshow Container --- */
#fpssContainer<?php echo $mid; ?>.fpss-template-movies {
position:relative;width:<?php echo $width+$sidebarWidth; ?>px;
height:<?php echo $height; ?>px;margin:8px auto;border:1px solid #999;
padding:2px;overflow:hidden;font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; }

Add “z-index: 1” property to this code (after “sans-serif;” , for instance).

NOTE: You may have to play around with the number you choose for z-index. I tried a few different ones from -50 to 1 before finding one that would work.

Thanks again TomC !!

[Author]

Posts