WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
[resolved] Navigation to right of Title (4 posts)

  1. codydh
    Member
    Posted 1 year ago #

    Hello! I was wondering if anyone had modified TwentyTwelve to make the navigation to the right of the header instead of below it, a la Yoko? Or knows how to? Thanks!

  2. designgr82
    Member
    Posted 1 year ago #

    Hi there,
    Do you still need help with this?

  3. codydh
    Member
    Posted 1 year ago #

    Thanks for replying! It'd still be great to know how to do this, but I have settled on centering both the header and the nav.

  4. designgr82
    Member
    Posted 1 year ago #

    No problem - with pleasure.

    In header.php, I removed the header_image php and inserted a straight forward link to the logo, inside a div:

    <div class="logo"><img src="http://www.markondigital.co.za/wp-content/uploads/2013/02/logo-red.png" alt="Markon Digital" /></div>
    <nav id="site-navigation" class="main-navigation" role="navigation">
    			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
    			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
    			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    		</nav><!-- #site-navigation -->

    And in the CSS I added the following:

    .logo img {
    	float:left;
    	width:40%;
    }

    To .main-navigation added:
    float:right;

    Under .main-navigation li ul li a I adjusted width (suppose this is up to you if you want to do this or not). I changed it to:

    width: 250px;
    width: 15.625rem;

    Site is not live yet, will post link to example when it is.

    And that's all I did. Not sure if it's the right way about it but it works :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic