I wasn’t able to see your site with this theme, but I’m also not sure how you moved the nav container. The nav container has a span8 class which would need to be made span12 to stretch full width…but this can be tricky if you did not do it correctly because this theme uses the Bootstrap 2.0 framework and moving one container is not enough.
Thread Starter
Thomas
(@stoetzman)
Hi, sorry I forgot to turn off the maintenance mode! I did it now. Could you please take another look – your help is very much appreciated!
I created 2 separate container, one for the logo (and a second header menu) and another container for the navigation – both has a span12 class!
Again, thanks for your help
Thomas
First, I have to say awesome job on moving it and doing it correctly from what I can see. So just to confirm this now, you want your menu to go full width as in from the far left to the far right?
Normally I do not provide how to tutorials on customization, but this one is very easy…with the three containers:
container
row-fluid
span12
You can lose the first two then the span12 create your own class or ID (doesn’t have to have any attributes), but that will create a full width menu outer wrapper and allow your menu to be left to right at full width of the screen.
Thread Starter
Thomas
(@stoetzman)
Thank you for your help and many thanks for the compliment. It’s great to get it from someone who creates amazing themes like this!!
I’ll let you know as soon I get it working.
Cheers
Thomas
No worries and thanks…. I should also mention that you would rename the span12 to something of your own is what I meant in the previous post reply.
Thread Starter
Thomas
(@stoetzman)
Hi, sorry for my late reply. but it works great – thanks for that!
One other problem has occurred now: If I shrink the browser window (to see if it’s still responsive) the menu button doesn’t work! Any idea why that happens?
http://jobshubnct.org.au/
Cheers
Thomas
Something was missed somewhere….hate to say this but if you reverse what you did to the point of when it did work, you might be able to pinpoint what it is. It’s a little hard to determine actually with custom changes.
Thread Starter
Thomas
(@stoetzman)
Oh, what a bummer. I was so pleased with everything. Everything works like you describes it, and now I have to go back… This website has to be as accessible as possible, for vision impaired people and people with other physical disabilities. That’s how my header looks like:
<div id=”container-1″>
<nav id=”site-navigation” class=”main-navigation” role=”navigation” style=”margin-top:<?php echo get_theme_mod( ‘menumargin’, ’10px’ ); ?>”>
<h3 class=”menu-toggle”><?php _e( ‘Site Menu’, ‘celestial’ ); ?></h3>
<?php wp_nav_menu( array( ‘theme_location’ => ‘primary-menu’, ‘menu_class’ => ‘nav-menu’ ) ); ?>
</nav><!– #site-navigation –>
</div>
As I said I still love your theme and would really hate to choose another one. We already talked about buying the premium version – but working for a government Organistion in Australia, everything takes a bit longer and the budged is tight too!!!
If you could have a closer look at my code that would be very much appreciated (I didn’t change any javascript or the function.php).
Best Regards and thank you
Thomas
Thread Starter
Thomas
(@stoetzman)
Hey, I solved it!! I had two IDs with the same name ‘site-navigation” – because of my header navigation!!! silly me 😉
That is good to hear… I was thinking, ok, something went wrong somewhere and sometimes it really is hard to find what it is. But, you just discovered it and that would definitely do it. Cheers!
Sounds like you resolved this topic without me doing much, lol 🙂
Thread Starter
Thomas
(@stoetzman)
Yes, looks like it. Sometimes it’s just my silliness … lol
but thanks for your great support anyway!!!
