menu items into columns

  • Hello!

    I am wondering whether anyone knows how to center the items in the main menu into columns?

    My site is at the following address: https://www.madisonaphasia.com

    As you will see, the menu items are off center from each other. In order to make this more visually simple, I would like to find a way to put them into columns.

    Is this possible?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • I think the only way to do that is to make all the menu items the same fixed width – you’ll need to ADD some custom CSS, so if you don’t yet have a custom CSS plugin, add that first and then try adding this CSS there:

    #access li {
    width: 180px;
}

#access a {
    padding: 0;
}

#access div {
    margin: 0 2%;
}

    Make sure you are not modifying any theme files – as those changes will be lost when WP is updated.

    Thread Starter farinea87

    (@farinea87)

    This is great, thank you!

    When you say to not modify theme files, do you mean I shouldn’t change things in the editor/css file? Whoops : )

    For the changes I have made, can I add them to the plug-in that I just added, and be good to go?

    Thanks!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘menu items into columns’ is closed to new replies.