Drop Menu

I do have another question though…

I wanted to style one of my menu titles different than the others…I looked back through the comments and saw where you recommended adding first-child

My issue was at the end of my list so I added last-child which seemed to work, except it made the last item in my submenus this style too…I added the code below to fix…

 .dropmenu li ul li:last-child a {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 6px 25px 6px 15px;
    margin: 0px;
    border-bottom:1px solid #3b3b3b;
    color: #999;

I know this can’t be the best way to go about this as the open animation just drops in the last item in the submenu…

Can you tell me how to fix this properly?

Example listed here – http://www.4x4bcds.com/testsite/index.html

Just added the DropMenu to my project and I’m wondering why I had to change all of my document ready conditionals to resolve a jQuery object expected error.

$(document).ready(function(){
     // Your code here
});

jQuery(document).ready(function($) {
     // Your code here
});

I’m using jQuery 1.7.1 and DropMenu 1.1.1

Thanks!

Hello! I love this nav bar it looks great on my site but I’m having an issue with the last link in the nav bar dropping below the others but only in IE. Do you have an IE fix for this? I opened a ticket a few days ago and sent you the URL to look at.

Hi,

Great work!

Is there an easy way to have the menu collapse again when the top level is clicked?

My intranet site needs to work on PC and iPad and I want the user to be able to cancel the menu by deselecting the active menu as they can’t use mouseOut on the iPad.

Thanks in advance.

Hi,

I haven’t bought this yet but am looking for something that works properly after pulling my hair out elsewhere.

a) I have a 670px div which the menu must sit inside. The menu needs only 6 items, the last of which is not a drop-down.

b) I need the menu to float right – in entirety, not just the final list item. Ideally it’ll take up a lot less than 670px as the neighboring logo would like to breathe out once in a while…so I hope it’s easy to adjust item widths..

c) I don’t want a coloured background, but I want to use a semi-transparent pixel to fill the hover box.

d) I don’t want the text underlining for dropdowns, but I do want the item dividers and other content possibilities.

e) I don’t want the menu to move on hover. Not even a little bit.

These may seem stupid questions but can I do all of these things easily with this menu, and without needing to mindread the author?

The last question relates to how this nav works, probably the js: Is there a way to stop another dropdown opening until the previously opened one closes? I notice on the demo that a simple movement of the mouse can lead to 3 or 4 open at the same time, all overlapping, which looks really messy.

Sorry to ask so many questions. I couldn’t care less about the $5, but I hate wasting my time discovering something doesn’t work if you want to change it! I’ve done enough of that already this week…

Thanks for taking the time to answer. Brian

In Firefox,

My menu gets hidden behind some other content on my page, how can I fix this? Add the following line to the CSS selector ”.dropmenu li > ul, .dropmenu li > div” in your dropmenu CSS : z-index: 900;

isn’t working over the captions code I also purchased from ya.

Thanks.

Hey figured it out with…. figure.captions { position:relative; margin:0; overflow:hidden; display:inline-block; z-index:1; }

Thanks!

Still haven’t figured out how to get it to – not be under – a youtube iframe.

I’m having the same issue as olliemail did above with Drop Menu breaking my $(document).ready(function() calls in my site. what do I need to fix in the dropmenu.js? I’d rather fix it here than modify my code all over my site. Thanks!