Increase Logo Size

You can change the header classes with the following in your functions.php:

// Change logo class from span3 to span5
add_filter( 'tc_logo_class', function(){ return 'brand span5';} );

// Change navbar class from span9 to span7
add_filter( 'tc_navbar_wrapper_class', function(){ return 'navbar-wrapper clearfix span7';} );

You can change the span3 to span4/5/6, depending on how much of the header you want to use. The numbers refer to the number of 1/12ths each item takes. They logo class and the navbar class must add up to 12 for best results (if you go over 12 you will get the navbar wrapping below the logo). So use span3 + span9 (as now); span4 + span8; span5 + span7; or span6 + span6.

If you’re not using the header socials, then I recommend you get rid of them in CSS with:

.social-block.span5 {
    display: none;
}

because the social block can mess up your tagline if you give the navbar less space.

If you’ve never used a functions.php in your child theme before, read this first.

That worked perfectly! Thanks!

The only problem I see is in the Responsive web developer extension in the 980×1280 mode. The navbar and tagline are way jacked.

I’m not even sure what device uses that mode. A tablet maybe?

Tom

I did the same thing to my navbar and logo…this is what I did to correct the responsiveness issue:

Place this in your child theme stylesheet:
@media (max-width: 979px) and (min-width: 768px) { .navbar.resp { width: 144%; } }

YMMV…

No dice… Are you sure that’s correct?

All I can say is it works for me…maybe need to force a page refresh?

Edit: Oh I see…you have a problem with your tagline wrapping on itself…that’s a different issue…

I’ll play around with it. Thanks!

Sorry…guess I need to read better…your issue is 980px to 1280px…my code is for between 768px and 979px because the navbar doesn’t go full width in this range…

As ElectricFeet said…the social block is forcing the wrapping and since it is such large text, when it wraps it overlaps…but following his suggestion, even if you don’t want the social block, is only half the solution since the tagline is still limited by its span value…depending on what you want will determine a solution…

Ha! Ok ??

So I tried this and still no luck:
@media (max-width: 1280px) and (min-width: 980px) {
.navbar.resp { width: 144%; }
}

I previously added ElectricFeet’s code:
.social-block.span5 {
display: none;
}

Is the span number now incorrect because of the code I added to functions.php?

No…the tagline actual span number remained the same…but it is relative to the parent navbar span value of which you just changed…so now it is effectively a little smaller…hope this makes sense…

You can change the span value of the tagline and social block with another custom function…

Or you could try display:none for the social block and a width of 100% for the tagline (don’t know how proper this is though)…

Man, sorry to be such a pain. I do actually know CSS it’s just working within the responsive WP that’s throwing me off! ??

I changed to this (got rid of the .span5, no change):
.social-block {
display: none;
}

Would it be something with .navbar.resp .span7? Maybe make that 100% width?

Try this (but I do not know if it is considered good form):

.social-block.span5 { display: none; }
h2.span7.inside.site-description { width: 100%; }

Edit: and you are not a pain…

Good form or not, progress! The tagline is great now but the last nav link (Contact Us) is wrapping. Again, only at that resolution.

Yeah…the menu is wrapping earlier because you changed the span value of the navbar…you may be able to address this issue with menu item font size, padding, margin, etc…..I have never played around with the menu items…