no wrap nav bar?

Well, use the correct media query for ipad in landscape, or just something more general to match a certain window width range and then:

.tc-header .navbar-wrapper[class*=span] {
width: 100%;
}

should work

p.s.
here rdell told us the media query for ipad in landscape:
http://themesandco.com/snippet/media-queries-responsiveness/
line 58

Did this help?

something like:

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    .tc-header .navbar-wrapper[class*=span] {
        width: 100%;
    }
}

p.s.
anyway I find your site very nice, neat and clean. Have you already submitted it to Customizr Showcase?

But maybe you’re interested in something different.
What about having your navbar-wrapper always the same width of the main content? It’s pretty simple since you use logo + navbar centered and you don’t use the sticky header.
Just adding this to your child-theme functions.php:

add_filter('tc_navbar_wrapper_class', 'my_navbar_class');
function my_navbar_class($classes){
    return str_replace('span9', 'container', $classes);
}

without using the css above (which by the way will not work 😉 )

About the site in the Showcase, well.. we have to wait for Nicolas,
he’s the only one master 🙂 . But looking at your site I’m pretty sure it will be there, sooner or later 😀 [Edit] Following your last reply. Well I think your site is good enough! Sites may not all be flashy. Simplicity, cleanliness, the right choice of colors and fonts, very often make the difference. But this is just my opinion.[/Edit]

Well, I’m glad its solved.

🙂
Look, there’s still a width range in which the navbar will be 100% so will not reflect the main content width, if you don’t like that, add this to your css:

@media (max-width: 979px) and (min-width: 768px){
    .navbar-wrapper.container{
        width: 724px;
    }
}