Joomla Templates Club 406,261 posts

[jmheath72 Friend jmheath72Join date: February 2009Posts: 18Downloads:0Uploads:0]

#151975

I am trying to set up a popup image into a mega meu submenu like the polls section. I have got it to show up and pop up but the pop up that comes up is behind much of the site…and I really do not know where to begin on this.

You can see the site. HERE and then click on about joomla and see a bar-code in the 3rd column, click on it, and you will see what I am talking about.

Any help will be appreciated.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#347834

Dear jmheath72!

Pls open the file : templates/ja_ores/css/template.css and find the following codes:

#ja-mainnav {
line-height: 1;
position: relative;
z-index: 1000;
float: right;
background: url(../images/mainnav-bg.gif) left top repeat-x;
border-bottom: 1px solid #000;
}

and replace:

#ja-mainnav {
line-height: 1;
position: relative;
z-index: 10;
float: right;
background: url(../images/mainnav-bg.gif) left top repeat-x;
border-bottom: 1px solid #000;
}

Goodluck

[jmheath72 Friend jmheath72Join date: February 2009Posts: 18Downloads:0Uploads:0]

#347854

Did what you asked, use the same link that i posted. now the link is not working at all, due to the slideshow being in front, I can click the menu item, go to the bar code, and then it will change the slideshow nav, but not allow to click on the barcode itself. Kind of like a layering affect.

Thanks for your help in advance.

[jmheath72 Friend jmheath72Join date: February 2009Posts: 18Downloads:0Uploads:0]

#347855

I am still learning, so bear with me.

z-index refers to the relational stack of elements in CSS…so a higher stack number would be on top of a lower stack number.

What I need to do in my simple mind, is find the number that is on top of the ja-mainnav, and on top of the slideshow2, if I can do that, I would assume that it will work for the most part.

There however, is not z-index in the popup part of the template.css…so I not sure if this theory would hold water in real life. I most likely could find the z-index for the slideshow2 and decrease that as well, but not sure if that will screw anything up

confirm, deny, slap me up side the head for thinking to much, but whatever you do, thank you for your help well in advance.

[jmheath72 Friend jmheath72Join date: February 2009Posts: 18Downloads:0Uploads:0]

#347857

OK, so in slideshow, I kept everything in line, but lowered the z-index on one of the slideshow2 from 900 to 110, as it was the highest in the css, then I put the mainnav z-index to 130 (just above the higest on slideshow) I am not getting the slideshow on top of the link now, but when clicked the pop up still does not show up over the nav bar.

Is there any way that I would be able to add the z-index in the popup part of the template.css and have it work correctly? I will try, and YES I have made backups of the original css….

😉

EDITED: I added z-index: 1000; to all the popup attributes and nothing would put it above the main nav…so my theory was most likely wrong. 🙂

;(

Its also below the slideshow as well…so I am at a loss, but that really does not take much.

[jmheath72 Friend jmheath72Join date: February 2009Posts: 18Downloads:0Uploads:0]

#347880

Just a quick update…I have changed the menu structure. You will be able to go to the main site as listed in the link above, and then go to the

Social/events/specials Menu Item and see it.

[jmheath72 Friend jmheath72Join date: February 2009Posts: 18Downloads:0Uploads:0]

#347887

Wooohooooo …. GOT IT, had to change the z-index of the css for that specific style for the popup window itself.

thanks….

[Author]

Posts