Log in

View Full Version : Nested Side Bar Menu



JakeNaude
12-14-2010, 10:05 PM
Hi everyone...

I am new to this forum. Great site!

Thanks for the Vertical CSS Menu "Nested Side Bar Menu" which I have used on my website: www.FishFinderSport.com

Please can someone help?

The menu works fine in all of the browsers that I've tested... However, I am having problems with the menu at the lowest navigation level -i.e. at the product level

example: http://www.fishfindersport.com/humminbird-fishfinder-596c-hd--39682

On these pages the menu opens behind the other text and images.

This only happens on product pages and not on any other pages...

I suspect the problem lies with m website and that it is not a cross-browser issue...???

Please help.

Thanks,

Jake

Schmoopy
12-14-2010, 10:19 PM
Go to your CSS file and edit this part:



.sidebarmenu ul {
border-bottom: 1px solid #CCCCCC;
font: 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
width: 230px;
z-index: 50;
}


That will bring the menu to the front.

JakeNaude
12-14-2010, 10:29 PM
Hi Schmoopy...

I've made the change and it works perfectly.

Thanks for your prompt and professional response.

Great forum!

Jake

Schmoopy
12-14-2010, 10:44 PM
No problem, glad it worked for you.

Good luck with your site :)

JakeNaude
12-15-2010, 11:35 AM
Hi Schmoopy,

Thanks for helping yesterday.

You proposed adding z-index: 50; and that worked in IE8, Crome and FF.

However, IE7 is still behaving as before...

Problem: The menu opens behind images and text (only at product level...)

Example: http://www.fishfindersport.com/humminbird-fishfinder-560--36977

Further assistance would be appreciated.

Cheers,

Jake

JakeNaude
12-18-2010, 09:15 PM
Problem solved...

Simply added "position: absolute" after "z-index: 50" as shown below...

.sidebarmenu ul {
border-bottom: 1px solid #CCCCCC;
font: 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
width: 230px;
z-index: 50;
position: absolute;}