Support » Themes and Templates » [Resolved] Navigation to right of Title

[Resolved] Navigation to right of Title

  • 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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,
    Do you still need help with this?

    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.

    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 {

    To .main-navigation added:

    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 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Navigation to right of Title’ is closed to new replies.