How to centre nav menu and bring it down the page

  • spankysherlock

    (@spankysherlock)


    13 years, 5 months ago

    Hi

    I am new to Word Press and its all going pretty well but cant work out how to make my dropdown navigation centred rather than aligned to the left?

    Also, my logo is larger than the header space and doesnt show right so I want to bring the navigation menu down just a little bit, if anyone can advise where I find the code to do this I’ll happily play around with it until its in the right location.

    Thanks for any help in advance!

    p.s

    I am using the magazine basic theme

Viewing 2 replies - 1 through 2 (of 2 total)
  • Nickybbb

    (@nickybbb)

    13 years, 5 months ago

    You have to edit the html/css of it.

    You can center a div that is around the menu.

    <div id="menu1">
menu here
</div>

    in css:

    #menu1 {
margin: 0px auto 0px auto;
}

    With using auto for the left and right margin u center the div.

    The get the menu down, u can play with the margin of the top to or if its used the position.

    Thread Starter spankysherlock

    (@spankysherlock)

    13 years, 5 months ago

    Hi

    Thanks for the reply, I am still having trouble though..

    I am guessing in the css file I would add to this..

    .main-navigation {
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
    background: #3e4960;
    position: relative;
    z-index: 1000;
    }

    But not sure where in the header.php would the id part go –

    if(function_exists(‘wp_nav_menu’)) {
    wp_nav_menu( array( ‘theme_location’ => ‘main’, ‘menu_class’ => ‘sf-menu’,’sort_column’ => ‘menu_order’, ‘container_class’ => ‘main-navigation’, ‘fallback_cb’ => ‘display_home’ ) );
    wp_nav_menu( array( ‘theme_location’ => ‘sub’, ‘sort_column’ => ‘menu_order’, ‘container_class’ => ‘sub-navigation’, ‘fallback_cb’ => ‘display_none’ ) );
    } else {
    echo ‘<div class=”main-navigation”><ul class=”sf-menu”>

    • Home

      • Sorry, im learning!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to centre nav menu and bring it down the page’ is closed to new replies.

Tags