Topic: Drop Down Menu Overlapping SubCategories

Hey Guys,

I need help fixing the padding or place where the Sub Category Menu Appears.

When go to the Top Nav Menu, a drop down menu appears with the Categories. The problem is that i changed the widths on those boxes so that the phrases fit in one line, but the Sub Categories overlap the menu.

I have been trying to look for a code that tells the Sub Category to appear more to the right so that it does not overlap the original menu.

Here is a Screenshot of the current problem.

Please, any help will be appreciated.
http://imageshack.us/photo/my-images/94/69052918.jpg

Last edited by JinSaiYa (2011-12-21 13:22:26)

Thumbs up

Re: Drop Down Menu Overlapping SubCategories

Hi there JinSaiYa

Did you find a solution to this problem ?  I have the exact same thing !

I've been using Firebug with Firefox but I can't pin this down.

Can anyone advise ?

Thumbs up

Re: Drop Down Menu Overlapping SubCategories

Please, provide a link to your page?

Thumbs up

Re: Drop Down Menu Overlapping SubCategories

Hi voidtrance - thanks for your reply.

My problem was exactly as per the original poster and his screenshot.  It happened because I changed the width of the dropdown menu text (so it would all fit on a single line) but then later when I added 'child' options the overlap was visible.

To fix this, I just reset the menu width back to original, but then changed the font and added some extra padding/borders to improve the appearance.

I see that changing the menu width can cause additional knock-on effects that would need fixing, such as this, plus the 'shadow' beneath the menus.

Thumbs up