Hi there,
Do you still need help with this?
Thread Starter
codydh
(@codydh)
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 {
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 🙂
