• Hello,
    I’ve got a strange problem.

    I can’t center a menu in wordpress. I can’t believe it!!!

    Here is the code:

    <nav>
        <div id="nav">
    	<div class="menu-english-container">
               <ul id="menu-english" class="menu">
                   <li id="menu-item-375" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-375">
                       <a href="http://chateaucazine.com/">Menu 1</a>
                   </li>
                   <li id="menu-item-375" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-375">
                       <a href="http://chateaucazine.com/">Menu 2</a>
                   </li>
                   <li id="menu-item-375" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-375">
                       <a href="http://chateaucazine.com/">Menu 3</a>
                   </li>
        </ul>
    </div>
    </div>
    </nav>

    Here’s my css:

    [CSS code above the forum limit of 10 lines moderated – just post a link to your site]

    Please help me because I’m going crazy with it!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Phil

    (@owendevelopment)

    Link to site?

    <nav style=”margin-right:50%;”>
    <div id=”nav”>
    <div class=”menu-english-container”>
    <ul id=”menu-english” class=”menu”>
    <li id=”menu-item-375″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-375″>
    Menu 1

    <li id=”menu-item-375″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-375″>
    Menu 2

    <li id=”menu-item-375″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-375″>
    Menu 3

    </div>
    </div>
    </nav>

    Hi Chris I tried this by it shifted the menu to the center, I don’t know if it’ll be of any use to you, I added a style=”margin-right:50%;” to the nav tag.

    Thread Starter chris-babww

    (@chris-babww)

    ahah sorry display: inline-block was missing. I’m so stupid…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Centering a menu css’ is closed to new replies.