Submenu categories dissapearing too quickly

HTML & CSS
1

I hope someone can help me with this.

I’ve searched on the forum and tried a bunch of different solutions, playing with padding and margin numbers, absolute/block displays etc. but I’m not even sure I know what I’m doing.

I have created a menu ‘Disclosures’ to my website and I want to add a bunch of pages under it, so I get a drop down menu that someone can click at. It looks just as I want it. The problem is that the drop down menu disappears before you can click on anything.

the site is this one:


http://tinyurl.com/nbeyuwj

(sorry for the tinyurl but i’d rather google does not index this page in relation to the site)

The drop down menu is ‘Disclosures’.

I’ve googled a lot as well but there are a lot of solutions/references to themes/css, when the one I’ve got is custom made (by someone else, so I don’t know my way around it).

Any help will be greatly appreciated.

2

can’t seem to be able to edit the post for a second time, can’t see the edit button anymore (?!)

Anyway, the issue was resolved by installing the Custom CSS Manager and applying the following code in the settings:


#nav li ul:before {
 content: "";
 position: absolute;
 left: 0;
 top: -20px;
 width: 100%;
 height: 20px;
}
3

Hi,

Yes the problem was that you can’t place a drop down menu away from the trigger element (the parent list item) or as you try and reach it you are no longer hovering the list and the menu disappears.

Your fix above simply shims 20px of background above the dropdown menu so that the dropdown and the list item above are all in contact with each other and allows you to traverse to the menu. There are other ways to fix this but usually involves padding the top of the ul and then only styling the background on the list elements to get the same distant effect. The method you used is less hassle assuming that only ie8+ support is needed.

4

Thanks for reposnding Paul, it makes more sense how the fix works now.

I’ve got another problem and I’m not sure if it was created by the drop-down menu fix. I have created a category where I place all my posts, but in those sub-categories that have several posts, once I click on a title to read the whole post I get this odd effect where other previous/next posts show on the top:


http://tinyurl.com/o3g6h6q

Any ideas why this happens and how I could fix it?

Is it a result of the fix above or something else?

EDIT: I can fonfirm it’s not the result of the fix. I deactivated the plugin and the problem persists, so it’s something else…

5

I’ll try starting a new post with the new problem.