Change order of menu items

  • Resolved gmanansala

    (@gmanansala)


    11 years, 11 months ago

    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: https://adventuresinbiscuits.com/

    Not sure if makes a difference but I centered the text using the following css (thanks Andrew Nevins):
    #masthead img,
    .main-navigation,
    #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?

    Thread Starter gmanansala

    (@gmanansala)

    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

    (@sixhours)

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

    Thread Starter gmanansala

    (@gmanansala)

    Thanks, it worked!

    Thank you so much for creating such a beautiful theme!

    Theme Author Caroline Moore

    (@sixhours)

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

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

Tags