Cannot remove standard indent from nav menu (4 posts)

  1. caledoniaman
    Posted 5 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
    Posted 5 years ago #

    Link to your site would be helpful.

  3. caledoniaman
    Posted 5 years ago #

    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.

  4. caledoniaman
    Posted 5 years ago #

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


    Really grateful for any help.

Topic Closed

This topic has been closed to new replies.

About this Topic