milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
916 stars 196 forks source link

Utility menu items #17

Closed daviddumonde closed 12 years ago

daviddumonde commented 12 years ago

Just starting to play around with Reverie and like what I see so far. I am puzzled why the utility menu items are in the reverse sequence from the primary menu.

I made a new wp 3.3 install, created three pages (One, Two, Three), created two menus (Primary, Utility), added all three pages to both menus, and made Primary my primary menu and Utility my utility menu. The pages are listed in the same order (One Two Three) in both menus. The primary menu at the top of the home page shows the items in the expected order: One Two Three. The utility menu shows the items in reverse order: Three Two One.

The Reverie page on themefortress.com/reverie displays this behavior. Is this intentional?

Thanks

milohuang commented 12 years ago

That is a CSS thing. I simply create a placeholder for the utility menu where "float:right" is used. You can change it to "left" and wrap it in a new div if you prefer.

daviddumonde commented 12 years ago

I understand float:left and float:right, but that's not what I'm referring to. The question is about the sequence of the buttons on each menu.

On themefortress.com/demo, the primary nav menu buttons are in this order:

1 Sample Page, 2 About, 3 News, 4 Contact Us, 5 Support

The utility nav menu buttons are in this order:

5 Support, 4 About, 3 News, 2 Contact Us, 1 Sample Page

Why are buttons in the utility nav menu listed in reverse order?

milohuang commented 12 years ago

The reason is I am a bit lazy. If you take a look at the CSS file and search for ".footer-nav li", you can see a "float:right". That's the reason the utility nav listed in reverse order. Change it to "left" and you will get the normal order as the primary nav. Hope it answers your question.

daviddumonde commented 12 years ago

Yep, that does it! Thanks!