Joomla Templates Club 406,261 posts

[pahutton Friend pahuttonJoin date: July 2011Posts: 8Downloads:4Uploads:0 Thanked: 2 times in 1 posts]

#177302

Hi

have installed JAslideshow lite in slider position and all is working fine however when using mega menu the menu options drop behind the slideshow when you attempt to open the menu options and so the menu content cannot be seen.
Any body else experience thos problem or have any ideas to overcome this?

Thanks

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#453842

This is a simple z-index problem. If you can post the url then we will be able to tell you what you need to adjust!

[pahutton Friend pahuttonJoin date: July 2011Posts: 8Downloads:4Uploads:0 Thanked: 2 times in 1 posts]

#453843

Hi Swissa

Thanks for taking a look.

I’ve disabled the sideshow whilst I have this issue.

Do you want the URL when the sideshow is enabled (functioning and live)or does this not matter for you to advise?

Paul

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#453856

<em>@pahutton 320800 wrote:</em><blockquote>Hi Swissa

Thanks for taking a look.

I’ve disabled the sideshow whilst I have this issue.

Do you want the URL when the sideshow is enabled (functioning and live)or does this not matter for you to advise?

Paul</blockquote>

It’s always easier to solve a problem that you can see – even if you know the cure! I personally hate using large z-index numbers to be honest, that’s why I always like to see – I try to decrease them not just add a bigger number to get over over the problem.

All slideshow producers use big z-index numbers – not just in their css but in their javascript. If my memory serves me right, slideshow lite has a base of circa 85 or so. And with JS the z-index is dynamic too in the main.

Without seeing it, or your template.css you can look for this code

#ja-mainnav {

• line-height: 1;
• position: relative;
• z-index: 11;

}
and change the z-index to 111. It will cure your problem I think. Not the most elegant way – better would be to decrease the z-index on the slideshow but this will work! (I hope!)

Regards!

[ballbank Friend ballbankJoin date: January 2011Posts: 34Downloads:0Uploads:9 Thanks: 9]

#453877

I am in the same boat here. I tried to look for #ja-mainnav in the template.css but I couldn’t find z-index.

My website is http://www.chadavegas.com

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#453882

<em>@ballbank 320848 wrote:</em><blockquote>I am in the same boat here. I tried to look for #ja-mainnav in the template.css but I couldn’t find z-index.

My website is http://www.chadavegas.com</blockquote>

Thanks for posting up the url – as I said alway easier when you can see the problem 1st hand! 😉

You could add just the line ‘z-index:111’ into your template css – it would be a new line.

But – Taking what I said into account earlier about numbers the better way I think is to go to modules/mod_jaslideshowlite/assets/mod_jaslideshowlite.css and to line 24

.ja-ss-wrap {

• height: 309px;
• overflow: hidden;
• position: relative;
• width: 100%;
• z-index: 7; < add this line

}

and add the z-index line.

Hope that helps

8 users say Thank You to swissa for this useful post

1. ballbank
2. JA Developer
3. mvollero
4. mbs2008
5. spdave
6. matthew123456
7. arthurjohnston
8. ghd123

[ballbank Friend ballbankJoin date: January 2011Posts: 34Downloads:0Uploads:9 Thanks: 9]

#453898

Thank you for the solution. Now it displays perfectly.
I did the mod_jaslideshowlite route.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#453901

<em>@ballbank 320875 wrote:</em><blockquote>Thank you for the solution. Now it displays perfectly.
I did the mod_jaslideshowlite route.</blockquote>

Well done, glad it works for you. Store this somewhere – if you do an update of slideshow lite this will be reverted so you will have to add the line again. 😉

[pahutton Friend pahuttonJoin date: July 2011Posts: 8Downloads:4Uploads:0 Thanked: 2 times in 1 posts]

#454102

swissa – many thanks for your help.

I’ve simply added the z index line into .ja-ss-wrap {

within

modules/mod_jaslideshowlite/assets/mod_jaslideshowlite.css

and the mega menu now hovers OVER the slideshow

PERFECT !

I’m sure this thread but more importantly your advice will help many others

Thanks again

2 users say Thank You to pahutton for this useful post

1. swissa
2. JA Developer

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#454108

<em>@pahutton 321133 wrote:</em><blockquote>swissa – many thanks for your help.

I’ve simply added the z index line into .ja-ss-wrap {

within

modules/mod_jaslideshowlite/assets/mod_jaslideshowlite.css

and the mega menu now hovers OVER the slideshow

PERFECT !

I’m sure this thread but more importantly your advice will help many others

Thanks again</blockquote>

Thanks for the kind words! Alle bestens with your site!

1 user says Thank You to swissa for this useful post

1. JA Developer

[pahutton Friend pahuttonJoin date: July 2011Posts: 8Downloads:4Uploads:0 Thanked: 2 times in 1 posts]

#454928

Hi Swissa,

I’m back with my begging bowl out!

The slideshow is up and running with images thanks to your help.

However i have the SlideshowLite title as ‘show’ but i want to increase the font size and change the font colour of the module title. Any idea where i would find the line to amend this in modules/mod_jaslideshowlite

Also it shows with an underline 3 characters wide which i wish to remove.

After hours of searching im puzzled.

PAH

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#455015

<em>@pahutton 322144 wrote:</em><blockquote>Hi Swissa,

I’m back with my begging bowl out!

The slideshow is up and running with images thanks to your help.

However i have the SlideshowLite title as ‘show’ but i want to increase the font size and change the font colour of the module title. Any idea where i would find the line to amend this in modules/mod_jaslideshowlite

Also it shows with an underline 3 characters wide which i wish to remove.

After hours of searching im puzzled.

PAH</blockquote>

As I don’t have a Puresite test running it’s almost impossible for me to say!when you get it live then I can tell you immediately. Look forward to seeing it! 😎

[pahutton Friend pahuttonJoin date: July 2011Posts: 8Downloads:4Uploads:0 Thanked: 2 times in 1 posts]

#455455

Hi Swissa,

sorry for delayed response.

Ive decided to remove JAslideshowlite as it slowed the site down quite dramatically to the extent that the megamenu wouldn’t drop down correctly

thanks for your offer

pahutton

[bdpickerall Friend bdpickerallJoin date: March 2011Posts: 17Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#466761

Hey,

JA Travel template same issue…. I am banging my head against a wall:

http://174.121.225.7/~rockford/

Any help is appreciated…..

-bdpickerall

[philippe26 Friend philippe26Join date: August 2012Posts: 4Downloads:0Uploads:0]

#466769

I had the same problem( made a post today ) , you solved it in 2′ so many thanks…

[Author]

Posts