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.

    Thread Starter caledoniaman

    (@caledoniaman)

    Sorry, it’s a local build.

    Here’s the HTML being generated by WordPress:-


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

    <div id="logo"><img src="https://localhost/editions/wp-content/themes/EditionsFinancial/images/edi_Logo.gif" /></div>
    </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

    </div>
    </div>
    </div>
    </body>

    And the CSS


    #navigation li{
    display: inline-block;
    width: 143px;
    height: 30px;
    padding-left: 30px;
    background-image:url(../images/bullet.png);
    background-repeat: no-repeat;
    margin-top: 9px;
    margin-right: 20px;
    margin-left: 0px;
    border-top: 5px solid black;
    zoom: 1;
    *display:inline;
    }

    Thanks in advance.

    Thread Starter caledoniaman

    (@caledoniaman)

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

    https://img402.imageshack.us/img402/9344/fireshotprocapture122ed.png

    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.