Menu on one row

  • Resolved peege

    (@peege)


    6 years, 8 months ago

    Similar to an earlier poster, I’m wanting to put all four of my menu items on one row instead of having them be on two rows. My site is petermlee.com. Can you explain how to do this? Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    6 years, 8 months ago

    Hi @peege –

    Give this a try in your custom CSS:

    @media screen and (min-width: 880px) {
  .main-navigation,
  .main-navigation div > ul:first-child,
  .main-navigation div > ul {
    display: inline-block;
    margin-bottom: 10px;
    width: auto;
  }
  .main-navigation ul > li,
  .main-navigation ul > li a {
     display: inline-block;
  }
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

    An easy way to add custom CSS is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS.

    Let me know how it goes.

    • This reply was modified 6 years, 8 months ago by Kathryn Presner. Reason: fixed code formatting
    Thread Starter peege

    (@peege)

    6 years, 8 months ago

    Perfect! Exactly what I wanted – Thank you!!!

    Moderator Kathryn Presner

    (@zoonini)

    6 years, 8 months ago

    Awesome! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu on one row’ is closed to new replies.

Tags