Support » Themes and Templates » [Resolved] Change order of menu items

[Resolved] Change order of menu items

  • First of all, thank you thank you thank you, I looooove this theme!

    I’ve been playing around and I’d like to know how to change the order of the menu items. I’ve created a child theme, and changed the float from “right” to “none” for .main-navigation, however, the menu items are still appearing in the reverse order: http://adventuresinbiscuits.com/

    Not sure if makes a difference but I centered the text using the following css (thanks Andrew Nevins):
    #masthead img,
    #main {
    display: table;
    margin: 0 auto;
    float: none;
    width: auto;

    #colophon {
    text-align: center;

    Any help would be appreciated 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • Apologies if you’ve tried this, or I’m missing the issue, but have you tried changing the order in wp-admin by dragging them into the correct place?

    Yes, I have, thanks 🙂 but unfortunately, that only works for the desktop version.

    On a smaller screen, the menu items appear in the same order as they’ve been listed in the dashboard (wp-admin). So if I drag them in the reverse order as a work-around, they appear reversed in the mobile version 🙁

    Theme Author Caroline Moore


    Try applying float: left; to .main-navigation li instead of .main-navigation

    Thanks, it worked!

    Thank you so much for creating such a beautiful theme!

    Theme Author Caroline Moore


    Glad I could help, and that you’re enjoying the theme!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Change order of menu items’ is closed to new replies.