1

何をしても中央に配置したくないメニュー項目がいくつかあります。何が間違っているのか本当にわかりません。PHPがメニュー項目をプルすることに問題があるように感じます（PHPはわかりません。テーマからのものです）。メニュー項目の独自のULを手動で追加すると、メニュー項目が完全に中央に配置されるためです。

どんな助けでも大歓迎です！

PHP ファイル コード 

<div id="hmenubar">

    <?php $navcheck = '' ; ?>

    <?php $navcheck = wp_nav_menu( array(   'container_class' => 'menu-header', 
                        'theme_location' => 'primary' , 
                        'menu_class' => 'nav', 
                        'fallback_cb' => '', 
                        'echo' => false ) ); ?>
    <?php  if ($navcheck == '') { ?>

        <ul class="nav">            

            <?php wp_list_pages('title_li=&sort_column=menu_order'); ?>

        </ul>

    <?php } else echo($navcheck); ?>  

</div>

CSS コード 

#hmenu_container {
height: 30%;
width:100%;
display: block;
text-align; center;
}

#hmenubar {
margin: 0 auto; 
}

#hmenubar ul {
font-family: 'Calligraffitti', cursive;
font-size: 1.5rem;
display: inline-block;
list-style: none;
margin: 0 auto;
}

編集：リストのHTML

<div class="menu-header">

<ul id="menu-photography" class="nav">

<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-15"><a href="/">Home</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="/blog/">Blog</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="/about/">About</a></li>
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="/gallery/">Gallery</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20"><a href="/projects/">Projects</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a href="/insquares">Insquar.es</a></li>
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a href="/instagram">Instagram</a></li>

</ul>
</div>
4

2 に答える 2

0 
#hmenu_container {
    height: 30%;
    width:100%;
}
#hmenubar {
    display: inline;
    text-align: center;
}
#hmenubar ul {
    font-family:'Calligraffitti', cursive;
    font-size: 1.5rem;
    display: inline-block;
    list-style: none;
}
#hmenubar li {
    display: inline;
}

JSFiddle

于 2013-01-26T02:57:42.033 に答える