WordPress.org

Ready to get started?Download WordPress

Forums

Cannot remove standard indent from nav menu (4 posts)

  1. caledoniaman
    Member
    Posted 3 years ago #

    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.

  2. obharath
    Member
    Posted 3 years ago #

    Link to your site would be helpful.

  3. caledoniaman
    Member
    Posted 3 years ago #

    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="http://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.

  4. caledoniaman
    Member
    Posted 3 years ago #

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

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

    Really grateful for any help.

Topic Closed

This topic has been closed to new replies.

About this Topic