Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Is there a way to have a navigation div(s) on the Twentyeleven theme or similar themes that runs over the header image and finishes below the header image?

Basically so overflow runs below the image.

Here's an example:

Link to Website

share|improve this question
3  
Quite simply, use two menus. –  Cristian Feb 14 '12 at 20:11
    
does not look like 'overflow' - as @sneek already said: two menus. –  Michael Feb 15 '12 at 1:24
add comment

1 Answer

up vote 1 down vote accepted

@Sneek's comment is your best bet. Otherwise, if you're bent on splitting one menu, you have three choices:

  1. Use PHP to intercept the menu code and split it up before it gets output. This would work great in many regards, but it wouldn't be knowledgeable as to where the "break" occurs, so you'd need to do it by some other factor like # of characters
  2. Use javascript to dynamically split up the menu. Because you can find elements' widths, you could find the "break" and split it at that location exactly.
  3. Use some crafty CSS to reposition the latter elements. It would be hard to make this flexible, and you would not be able to locate the "break" as with #1. Essentially, you could only handle specific elements.
share|improve this answer
    
What's the best way to do this still using the appearance>menu option? –  jw60660 Feb 14 '12 at 22:10
    
All three options refer to still using the appearance>menu option. If it were me, I would probably go with #1 or #2 depending on my exact needs. #1 will be more reliable since it won't require JS, but #2 will be more flexible with changing nav content. –  Matthew Boynes Feb 14 '12 at 22:13
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.