Professional Joomla templates and extensions club

storeykl · 02-07-2009

When using MorfeoShow, classic gallery, fancybox 2, the expanded images underlap the navigation menu bar. I'm not using the slider on this page.

How can I make it lower on the page so it doesn't (underlap) meaning show as under the menu bar. At lease it needs to show on top of the bar but that's second best.

Are there settings in Morfeo that are the better to fit with Mocha?

I attached an image to make it easier to understand. underlap.png

Thank you so much for helping.

Also it was difficult to get into the forum. I have paid for 3 mo.:confused::confused:

matt · 02-09-2009

Hi storeykl
I really need a live site to be able to play with it in Firebug. It most likely just needs some tweaking of the z-index.

storeykl · 02-19-2009

Hi Mark,

I now have my site up on the web. I'm using a Mac

kristinastorey.com

Under the section of Paintings I'm using MorefoShow for my slide show. I'm using the classic settings with Fancybox 2. images at the top expand larger showing as underneath the template menu bar. I would like them on top of the bar so they can be fully viewed.

This is the first site I have ever done so please give me step by step directions.

Thank you
kris

waseem · 02-20-2009

I seem to have a fix for you.

add the following code to any active sylesheet

Code:

#jjNavigation {
z-index:90!mportant;
}

waseem · 02-20-2009

1. open up print .css
2. add the code i suggested right at the bottom.
3. save
4. your good to go.

storeykl · 02-24-2009

Hi Waseem,

I have pasted the code in place but still have the same problem. The slideshow images enlarge underneath the menu bar in mocha. Can you give more details or look it over again.

waseem · 02-24-2009

OK lets try it differently.
i tested this on my local and it worked perfectly
open up print.css
does it look like this ?

Code:

/*----------------------------------------------------------------------------
++ EXTERNaL SOURCE: menu.css
++ Print Style Sheet
------------------------------------------------------------------------------*/
html    {
        color: #666;
        background-image: none;
        background-color: #FFF;
}
body, body.contentpane, table.contentpaneopen    {
        color: #666;
        background-image: none;
        background-color: #FFF;
}

#jjNavigation {
z-index:90!important;
}

if anything is missing please add it :)

storeykl · 02-26-2009

OK,

You are going to get sick of me, but it still doesn't work.

waseem · 02-26-2009

Ok found out why.

go to your template_css.css and search for this line of code

Code:

#jjNavigation {
position:relative;
z-index:99;
}
[/code]
change the 99 to 90

storeykl · 02-26-2009

Thank you so much. It works now! Yippeee

02-19-2009	#3 (permalink)
storeykl [+] more user info Join Date: Feb 2009 Posts: 7 Thanks: 0 Thanked 0 Times in 0 Posts	Problem with Morfeo show Hi Mark, I now have my site up on the web. I'm using a Mac kristinastorey.com Under the section of Paintings I'm using MorefoShow for my slide show. I'm using the classic settings with Fancybox 2. images at the top expand larger showing as underneath the template menu bar. I would like them on top of the bar so they can be fully viewed. This is the first site I have ever done so please give me step by step directions. Thank you kris

02-20-2009	#4 (permalink)
waseem [+] more user info Join Date: Oct 2008 Location: Durban, South Africa Posts: 315 Thanks: 0 Thanked 41 Times in 34 Posts	I seem to have a fix for you. add the following code to any active sylesheet Code: #jjNavigation { z-index:90!mportant; }

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Professional Joomla templates and extensions club

Free and commercial templates for your Joomla website

Notices

Best Answer - Posted by matt

This is a Advertisement. Sign up to have these ads removed.
Freelance jobs on GetAFreelancer.com Find more freelance jobs

02-09-2009	#2 (permalink)
matt Support Staff [+] more user info Join Date: Aug 2007 Location: Columbus Ohio Posts: 2,474 Thanks: 207 Thanked 243 Times in 213 Posts	Hi storeykl I really need a live site to be able to play with it in Firebug. It most likely just needs some tweaking of the z-index.

02-20-2009	#5 (permalink)
waseem [+] more user info Join Date: Oct 2008 Location: Durban, South Africa Posts: 315 Thanks: 0 Thanked 41 Times in 34 Posts	1. open up print .css 2. add the code i suggested right at the bottom. 3. save 4. your good to go.

02-24-2009	#6 (permalink)
storeykl [+] more user info Join Date: Feb 2009 Posts: 7 Thanks: 0 Thanked 0 Times in 0 Posts	Hi Waseem, I have pasted the code in place but still have the same problem. The slideshow images enlarge underneath the menu bar in mocha. Can you give more details or look it over again.

02-26-2009	#9 (permalink)
waseem [+] more user info Join Date: Oct 2008 Location: Durban, South Africa Posts: 315 Thanks: 0 Thanked 41 Times in 34 Posts	Ok found out why. go to your template_css.css and search for this line of code Code: #jjNavigation { position:relative; z-index:99; } [/code] change the 99 to 90

02-26-2009	#10 (permalink)
storeykl [+] more user info Join Date: Feb 2009 Posts: 7 Thanks: 0 Thanked 0 Times in 0 Posts	Thank you so much. It works now! Yippeee