[WordPress] 左 (ワードプレス) にリスト アイテムを注文した国連をシフト

スポンサーリンク

質問

こんにちは左に私のワードプレスのサイトでメニュー リストをシフトのトラブルを抱えています。それはリストに非常に多くの項目が表示されます右オフセットし、は、もはや中心ようにマージンがある場合が表示されます。問題のサイトは http://www.cabinboys.ca について話してメニューは右下の 2 つの手紙のアイテムでいっぱい cabinboys 画像です。かどうかはいずれかの私の css を見てことができ感謝おかげだろう左にリスト アイテムをシフトする方法を理解ことができるかどうかを参照してください

/* =Menu
----------------------------------------------- */
#menu {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 25px;
    padding: 10px;
    text-align: right;
    width: 800px;
}
#menu img {
    margin-bottom: 10px;
}
#menu a {
    color: #666;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#menu a:hover {
    color: #36bcab;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding-left: 30;
}
#menu li {
    float: right;
    position: relative;
}
#menu ul ul {
    display: none;
    float: right;
    position: absolute;
    right: 0;
    z-index: 99999;
}
#menu ul ul ul {
    right: 100%;
    top: 0;
}
#menu ul ul a {
    background: #e9e9e9;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1em;
    margin: 0 ;
    padding: .8em .5em .8em 1em;
    width: 130px;
}
#menu ul ul li:last-of-type a {
    border-bottom: none;
}
#menu li:hover > a,
#menu ul ul :hover > a {
    color: #36bcab;
}
#menu ul ul a:hover {
    background: #36bcab;
}
#menu ul li:hover > ul {
    display: block;
}
#menu ul li.current_page_item > a,
#menu ul li.current_page_ancestor > a,
#menu ul li.current-menu-item > a {
    color: #111;
}
#menu ul:after {
    clear: both;
    content: ' ';
    display: block;
}

の答え

いくつかの動作させるためにプロパティを追加する必要があります:

#menu-header-menu {
    display:table;
    margin:0 auto;
    padding:0;
}

それにもかかわらず興味深いシフト起こった場合番号項目アイテム数に応じて表示を区別することができる任意のコードを増加、CSS で見ないメニューで際と言うことです。状況を理解したことを確認することができるか?

http://stackoverflow.com/questions/29020575/shifting-un-ordered-list-items-to-the-left-wordpress

スポンサーリンク

Leave a Reply