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:
2
-
3Quite simply, use two menus.– CristianCommented Feb 14, 2012 at 20:11
-
does not look like 'overflow' - as @sneek already said: two menus.– MichaelCommented Feb 15, 2012 at 1:24
Add a comment
|
1 Answer
@Sneek's comment is your best bet. Otherwise, if you're bent on splitting one menu, you have three choices:
- 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
- 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.
- 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.
answered Feb 14, 2012 at 20:55
-
What's the best way to do this still using the appearance>menu option?– jw60660Commented Feb 14, 2012 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. Commented Feb 14, 2012 at 22:13