Support » Themes and Templates » Navigation or Menu change to horizontal

  • Resolved boholovechild

    (@boholovechild)


    Hello,

    my navigation or menu is vertical and I want it changes to horizontal with spacing in between the words, so it covers the white part perfectly. Can someone please help me?

    boholovechild.com is my blog 🙂

    Thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Have you tried floating the <li>s left?

    boholovechild

    (@boholovechild)

    I just tried it, it said regular before and I put left, but nothing changed. Or maybe I put it wrong, I am not familiar with CSS 🙂

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What CSS are you using for this?

    boholovechild

    (@boholovechild)

    style.css

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Are you making your own theme?

    What about the CSS for this bit:

    it said regular before and I put left, but nothing changed.

    boholovechild

    (@boholovechild)

    I have the twenty ten theme and adjusted a few things. Somehow the menu is vertical and I want to it to be horizontal

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What few things are you adjusting? Just styles?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    and what CSS are you referring to when you say this:

    it said regular before and I put left, but nothing changed.

    boholovechild

    (@boholovechild)

    Yes just styles, like adding lines or centering the post titles or changing fonts 🙂

    I just looked for
    <li> and then changed it to left, where it said normal

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    If you’re just changing styles then consider transferring your CSS modifications into; either a Child Theme or Custom CSS plugin.

    Let us know when you have done that.

    boholovechild

    (@boholovechild)

    I just installed the Custom CSS plugin. And now I have the Custom Cascading Style Sheet Code open and can add 🙂 Thanks

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    So just float the <li>s left:

    #access li {
     float: left;
    }

    boholovechild

    (@boholovechild)

    WOW thank you so much! 🙂 It worked!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Navigation or Menu change to horizontal’ is closed to new replies.