WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Change order of menu items (6 posts)

  1. gmanansala
    Member
    Posted 1 year 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: http://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 :)

  2. jholder83864
    Member
    Posted 1 year ago #

    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?

  3. gmanansala
    Member
    Posted 1 year ago #

    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 :(

  4. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

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

  5. gmanansala
    Member
    Posted 1 year ago #

    Thanks, it worked!

    Thank you so much for creating such a beautiful theme!

  6. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags