Hello, first post!

 

I'm using an ecommerce system called Powa, which gives you a set of site templates to choose from and then allows you to customize by editing only the CSS (no access to HTML). I've taken the existing submenu, which is a hover over - drop across jobber, and have converted it into a drop down by changing the width (not finished yet, thought i'd get this issue cracked first). Consequently, it now drops down lower than before, and is covered by the content in the main bulk of the site.

 

Is there any way that i can rectify this? I've been trying to fix with z-indexes but it seems like any changes I make have no effect. The main section is enclosed in a div.

 

Not sure if i'm being too vague, but any help is greatly appreciated and i'm happy to provide any more details that would help.

 

Thanks in advance, Ollie.

 

N.B The blue outline in the picture is an element inspection using firebug, so you can clearly see how the menu is cut off.

 

Edited July 5, 201313 yr by olliethomas

Is the content beneath the dropdown menu positioned absolute? If so then it will overlap the menu.

this will be a z-index problem have you a link ?

 

If you've tried changing the z-index with no effect more than likely one of its parents will have a z-index applied so you will have to raise that

Hi , thanks for the replies. The changes i'm making are on a trial site, and is not live. However, the same issue occurs on this site : www.electricaldealsdirect.co.uk If you inspect the 'Ventilation' tab you can see that most of the links are still hidden, although it doesnt appear this way as the background is white.

 

Content is not positioned absolute as far as i can see.

 

Regards,

Ollie

Edited July 7, 201313 yr by olliethomas

the site you've linked to is an overflow issue

Any ideas on a fix?

I've sent you a pm

Cant PM! Fixed anyway, the main wrapper was positioned absolute, changed to inherit and voila! Cheers for the inputs.

 

Ollie.