Support » Themes and Templates » Cannot remove standard indent from nav menu

  • Hi all,

    I need help. No matter what I try (and I know CSS pretty well), I can’t remove the standard indent from the wp_nav_menu.

    I’ve set the list style to none and the margin to 0 but still there is an indent.

    Can anyone help me? I’m at my wit’s end and it’s holding up the project.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Link to your site would be helpful.

    Sorry, it’s a local build.

    Here’s the HTML being generated by WordPress:-

    <div id="wrapper">
    <div id="serverdate">Saturday, 19 February 2011</div>
    <div id="masthead">

    <div id="logo"><img src="http://localhost/editions/wp-content/themes/EditionsFinancial/images/edi_Logo.gif" /></div>
    <div id="navigation"><div class="menu">

      <li class="current_page_item">Home<li class="page_item page-item-2">About<li class="page_item page-item-4">Test


    And the CSS

    #navigation li{
    display: inline-block;
    width: 143px;
    height: 30px;
    padding-left: 30px;
    background-repeat: no-repeat;
    margin-top: 9px;
    margin-right: 20px;
    margin-left: 0px;
    border-top: 5px solid black;
    zoom: 1;

    Thanks in advance.

    And this is how it renders the menu. The red outline is just to mark the containing div.

    Really grateful for any help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cannot remove standard indent from nav menu’ is closed to new replies.