Need to Get Nav Menu all on One Line

  • Hello,

    I recently started building a site with the Zephyr theme and I ran across a problem with my navigation menu spilling over onto two lines.

    It appears like there is some horizontal padding between the menu items but for the life of me, I can’t figure out the code to reduce the amount of space between the menu items.

    My website is jazzybydesign.com.

    Thanks in advance!

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

  • Hi
    put this code to your child theme style.css file
    4% worked fine for me here. Menu was in one line.
    You can tweak this to your taste to change it to 3% or use pixels
    like sample bellow.

    nav#main-top ul > li {
    margin: 0px 0px 0px 4%;
}

    OR

    nav#main-top ul > li {
    margin: 0px 0px 0px 40px;
}

    Hope this will help you
    Feel free to ask.
    Cheers
    TahoeRock

    Thread Starter thatssomint

    (@thatssomint)

    That works perfectly, thank you!

    FEEL FREE TO ASK
    GLAD THAT WORKED OUT
    CHEERS
    TAHOEROCK

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Need to Get Nav Menu all on One Line’ is closed to new replies.