Comments on: [CSS3] jQuery Dropdown Navigation in WordPress

By: 24 simple jQuery Drop-down Menus that will amaze your visitors | Web Design Ne.ws

Fri, 22 Apr 2011 12:08:52 +0000

[...] 12. [CSS3] jQuery Dropdown Navigation in WordPress [...]

By: mark

mark — Thu, 14 Apr 2011 16:18:25 +0000

Hi There!,

this is my first ever post/comment/question regarding a tutorial.

First off, thank you so much for sharing you knowledge with everyone. (it’s people like you that make it possible for people like me to design websites)

Question:

When I view this drop down in firefox, the border and shadow don’t show. I haven’t tried IE yet.

is there a fix?

peace!

mark

By: Brett Widmann

Brett Widmann — Tue, 08 Mar 2011 18:12:56 +0000

Very nice code snippet. It works great!

By: Cody

Cody — Fri, 04 Mar 2011 00:21:11 +0000

Is there a fix for the way this menu pushes the whole page down on hover. I tried playing with z-index with no success.

By: free bird

free bird — Fri, 25 Feb 2011 05:57:33 +0000

Can you give me more examples? I really want to create a drop down menu for my website! Thanks for your sharing and i’m looking forward to your more attractive content!

By: 45+ Fresh Wordpress Tutorials | MoeMir

45+ Fresh Wordpress Tutorials | MoeMir — Wed, 02 Feb 2011 02:41:57 +0000

[...] jQuery Dropdown Navigation in WordPress [...]

By: seo mn

seo mn — Sun, 30 Jan 2011 23:48:56 +0000

This post was extremely nicely written, and it also contains numerous helpful facts. I appreciated your professional way of writing the publish. Thanks, you have made it easy for me to understand.

By: Beautiful CSS and jQuery Drop down Menu Tutorials | WebsterBox - Web design Blog

Tue, 28 Dec 2010 11:47:53 +0000

[...] JQUERY DROPDOWN NAVIGATION IN WORDPRESS [...]

By: Top 20 jQuery CSS Drop Down Menus | webtrendset

Top 20 jQuery CSS Drop Down Menus | webtrendset — Mon, 13 Dec 2010 20:16:59 +0000

[...] CSS3 and jQuery Dropdown Navigation in WordPress [...]

By: Laurentiu Danu

Laurentiu Danu — Thu, 11 Nov 2010 17:57:49 +0000

The only way to horizontally align an UL element without a fixed width is to use something like this:

#nav ul {
clear: left;
float: left;
position: relative;
left: 50%;
}

#nav li {
display: block;
float: left;
position: relative;
right: 50%;
}