Twenty Ten Theme – Change Menu Items Width

  • raz_roni

    (@raz_roni)


    13 years, 6 months ago

    Website is http://www.rsilberman.com.

    Using Twenty Ten and added additional item to the top menu on the home page.

    The new item is showing in a second row. How can I reduce the space on the sides of the menu items so all items will fit in one row.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Christine Rondeau

    (@crondeau)

    13 years, 6 months ago

    The menu items have a 25px left and right padding. You could reduce it to 20px and see if that helps.

    Look for this line in your css:

    #access a {
color: #EFEFEF;
display: block;
line-height: 30px;
height: 34px;
padding: 0 25px;
text-decoration: none;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
}

    change padding to 0 20px or 0 15px and see if that helps.

    Thread Starter raz_roni

    (@raz_roni)

    13 years, 6 months ago

    I made the changes and it didn’t affect the menu.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 6 months ago

    The menu with links, Home, About, Articles, is showing on one line. Have you cleared your browser cache?

    I’m using Chrome 21.0.
    Which browser and browser version are you using?

    Thread Starter raz_roni

    (@raz_roni)

    13 years, 6 months ago

    How do I do that in Chrome?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 6 months ago

    Click on the spanner icon > History.
    > Clear all browsing history.
    > Select cache and since the beginning of time.

    Thread Starter raz_roni

    (@raz_roni)

    13 years, 6 months ago

    Working well now. Thanks.

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

The topic ‘Twenty Ten Theme – Change Menu Items Width’ is closed to new replies.