Hi
To do this, you need to make changes to the theme’s header.php file. I would suggest you to do this change using child theme, so that you keep your changes preserved even after updating the theme in future.
In the file move the codes within nav tag out of the clearfix container div ie <div class="clearfix container">
The codes look like below
nav id="main-navigation" class="main-navigation" role="navigation">
<a href="#main-navigation" class="nav-open">Menu</a>
<a href="#" class="nav-close">Close</a>
<?php wp_nav_menu( array( 'container_class' => 'clearfix sf-menu', 'theme_location' => 'main' ) ); ?>
<!-- #main-navigation --></nav>
Make sure you keep it outside the clearfix container div but inside the header tag
and to change the background color use the following css
#main-navigation .sf-menu {
background: none repeat scroll 0 0 #ccc;
}
Replace #ccc with the color of your choice
Hope it helps
Thansk
Hi Maruti,
Apologies for the late response. I haven’t actually tried your suggestion yet as I’m still coming up with a better color scheme & layout for my blog. If I have any more questions related to this I’ll let you know, thanks!
Ok, I just tried this on my website but the menu links have now moved all the way to the left. Any way this could be re-centered?
Hi
can you share a link to your site? so that I can have a look and help you out
Thanks
@maruti,
Thanks! Is there any way I can message you in private the link to my blog? It’s kinda NSFW & I don’t want to get flagged for spamming pr0nz LOL.
yeah sure. You can mail me at [ redacted, support is not offered via email, IM or Skype ]
Thanks
Hi Maruti,
I think I’m already ok with my website’s menu bar, but I have another problem that I need some help with. I’ll just go ahead & create another thread for it & mark this topic as resolved. Thanks for your help!
