This may or may not be the right way to do it but I added some basic HTML to the header so it looked like this:
https://doppeldreamer.com/wp-content/uploads/2010/08/Picture-1.png
If you hate it just ignore the rest. ??
After the </div> for the sleeve class but before the </div> for the header (looks like this):
<div id="header">
<div class="sleeve">
<h1><a href="<?php bloginfo( 'url' ); ?>/"><?php bloginfo( 'name' ); ?></a></h1>
<?php if ( get_bloginfo('description') ) : ?>
<small><?php bloginfo( 'description' ); ?></small>
<?php endif; ?>
<a class="secondary" href="<?php bloginfo( 'url' ); ?>/"></a>
</div>
</div>
(So between the two </div>’s.)
This is going to look ridiculous here (and maybe it is) but it worked fine for my needs. (I actually scratched it altogether because I wound up putting an ad in instead.):
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <font size="2"><a href="https://your-url.com">Home</a> | <a href="https://your-url.com/about">About</a> | <a href="https://your-url.com/calendar-archive/">Calendar Archive</a> | <a href="https://your-url.com/login">Login</a></font>
All those silly
‘s were to line it up. Normally I would say do another <div></div> option with padding but then it puts it in a new section and it just doesn’t look good. Just add more or delete them until you’re satisfied.
I’m positive someone else could give you a better option but I thought I’d share it anyway as a workaround in the meantime. ??
Good luck!
Best wishes,
Kristen