Move Nav Bar To Top Right

Viewing 5 posts - 1 through 5 (of 5 total)
  • #10791
    reddog911
    Participant

    I am a beginner and would like to move nav bar to the top right, just above the slider in the header. Does anyone have any simple instruction on how to do this?

    #10794
    gavintfn
    Participant

    Just as friendly advice, if you are a beginner with HTML and CSS, You probably dont want to do this.. if just a beginner with PHP… you should be alright…

    look in the appearance – editor – footer.php file…

    you will want to copy

    <nav id=”access” role=”navigation”>
    <?php wp_nav_menu( array( ‘theme_location’ =<‘primary_nav’, ‘container_id’ => ‘primary-nav’, ‘container_class’ =>’nav’, ‘fallback_cb’ =>’minimatica_nav_menu’ ) ); ?>
    </nav>

    place it in the header.php according to where and how you would like to style it.

    #10795
    gavintfn
    Participant

    oh… make a copy of header.php and footer.php files first…. just in-case.

    #12654
    mjamesf
    Participant

    Hi gavintfn,

    Your instructions worked in moving the navigation bar on top of the slider, but it messed up the sliders.
    Can you add more instructions?

    Thanks.

    #12736
    mjamesf
    Participant

    I managed to move the Nav bar to top right using gavintfn’s instruction but messed up the slider, so I adjusted the .nav ul in style sheets and added the font size value of 18px which fixed the slider, code below:

    .nav ul {
    position: relative;
    z-index:597;
    float:right;
    top:auto !important;
    bottom:100%;
    list-style:none;
    margin:20px 0;
    font-size:18px;
    }

    Now the last problem I’m having is that some of my page titles are double spaced and the black strip bar thickness is also doubled. See here http://www.360virtualtourist.com/mbs-sky-park/
    the MBS SKY PARK title is double spaced.

    Please can someone help me on this.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.