Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript WordPress Automated Navigation Question

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #33898
    mwarren
    Member

    Hey all-

    I’m working on a WP site that needs some customization to the nav menu, and I’m not sure to go about doing what I need.

    I’d like to automate the nav such that the top level nav are parent pages (or categories) and the sub nav links are child pages. That is easy enough. But for the design, I need to split the child pages into two ULs, one on the right and one on the left.

    Check out the current theme I have put up at:

    http://www.sushifaq.com/dev

    Right now the nav is static, but I’d like to make it such that when my client adds new pages the nav adjusts automatically.

    Thoughts on how I could accomplish this?

    Thanks!

    ~M

    #84963
    TheDoc
    Moderator

    You might want to re-think your font choice for the site’s name. On first glance, it sort of looked like “Sushi Fag” which, I needn’t have to tel you, is not very good.

    As for the menu, you’ll want to look into wp_list_pages.

    #84960
    mwarren
    Member

    i know the list pages function, but it has its own formatting that I would need to change. But i have no idea how to change it. That was my question in the first place.

    Also, its not my site, I’m just the designer/coder. I wasn’t asking about the name at all, and I have no ability to change it.

    #84888
    TheDoc
    Moderator

    If you’re the designer, surely you’d have some input into the font choice?

    Anyways…

    I’m not sure what you mean by wp_list_pages has its own formatting? You can make sure it only spits out the li’s if you want.

    Also, instead of two ul’s, why don’t you just float each li to the left and add clear: left to all of the odd numbered li’s.

    Also, the nav is a little broken in Chrome: http://grab.by/cFUo

    #85034

    I like Doc’s solution…if you really need them to be separate you can use get_pages with a bit of php to split them up.

    #85078
    mwarren
    Member

    I didn’t have much choice on the logo, I didnt design that. I’m only designing the site around it.

    Anyway, I’m curious about the “clear:left” method. What would that get me? I thought that clear: left meant that that element can’t have anything to its left which would mean that I can’t have menu options side by side. I suppose you might have meant “float:right” on all the odd ones?

    ~M

    #85080
    TheDoc
    Moderator

    Something like this: http://jsfiddle.net/yWfRj/

    The clear:left; means that the float-left will be cleared.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.