Custom Twenty Ten Navigation

  • Hi there, I have used an amended version of the twenty ten navigation to show all sub pages in horizontal dropdown rather than the vertical.

    The menu appears fine and the sub pages appear when you hover over the main nav items as expected.

    However, I would like the sub page items to remain when the mouse moves away from the main nav item.

    Here is the site.

    Any ideas would be much appreciated. Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)

  • The site appears unstyled.
    References style sheet on your local server

    <link rel="stylesheet" href="https://localhost/ctc/wp-content/themes/orchid-base-theme/style.css" type="text/css" />

	<link rel="stylesheet" type="text/css" href="https://localhost/ctc/wp-content/themes/orchid-base-theme/custom.css" media="screen" />

	<link rel="stylesheet" type="text/css" href="https://localhost/ctc/wp-content/themes/orchid-base-theme/print.css" media="print" />
    Thread Starter andyburr

    (@andyburr)

    Doh! Monday morning strikes again!!

    Should be fixed now!

    In the orchid base theme custom.css file find

    .nav-bar ul ul {
	display: none;
	position: absolute;
	top: 36px;
	left: -20px;
	float: left;
	width:932px;
	z-index: 9999;
	background-color:#009129;
	margin:0;
	padding-left:18px;
}

    and underneath it put this new rule to override the display:none where necessary

    .nav-bar ul .current-menu-parent ul{
display:inline;
}

    I think this should do it if I understand your requirement correctly.
    If not please post.

    John

    Sorry I can’t help with your problem. Really like your site though – did you make a Twenty Ten child theme or your own parent theme?

    Thread Starter andyburr

    (@andyburr)

    Thanks for help John, that’s very nearly perfect, just a couple of small caveats.
    1) If you are on the ‘Juniors’ page for example, when you hover on the main nav items to the right, the sub navigation will show. However, if you hover over any of the nav items to the left of the current page, the sub navigation doesn’t show.
    2)If a main nav item has no sub pages, rather than appearing blank, it will show the sub pages from the current page (it does display correctly if the page with no sub pages is the current page eg. ‘Events’).

    Thanks again for looking at this for me John, much appreciated.

    Thread Starter andyburr

    (@andyburr)

    Glad you like the site Agatha1! The site itself uses a theme that was styled from scratch using the blank WordPress theme from the excellent Digging into WordPress.

    You’re welcome andy. Probably needs tweaking a bit but I think the current-menu-parent is the way to go. Best of luck

    Nice one, thanks! It is a good book, isn’t it.

    I notice that the logo isn’t showing. That url references localhost.

    Thread Starter andyburr

    (@andyburr)

    Lol, thanks John! I’ve a head like a sieve today!

    Managed to fix the first point I mentioned, the second issue I’ll keep plugging away at (may even decide just to live with it!).

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Custom Twenty Ten Navigation’ is closed to new replies.