Great theme so far. My problem is that I can't figure out how to get the site to resize on smaller windows (i.e., my netbook screen) without having to use the zoom out button. I'm using the 'Responsive 100%; Margin 0.8' layout. I've attached screenshots of how it looks now vs. how I'd like it to look. The main problems are that the menu breaks into two rows, and the side widget titles do the same.

A separate question is how to get the longer menu items (i.e., Psychological Testing) to wrap the text instead of putting it all on one line.

Thanks as always!

Responsive themes won't always resize when changing the window size in certain browsers. Chrome does that better and there are some sites to view sites as they would be viewed on mobile devices.

Maybe this is a different question, maybe not.

Is there a way to get the page menu (menu 1) to distribute the menu items evenly across the width of the screen? If not, is there a "best-case" solution to achieve something similar?

http://www.drjeremysharp.com

You could try doing what I did on the site in the sticky thread at the top of this forum (Montezuma - Showing off). I moved the menubar so that it sits underneath the site title and logo.

That way, you could have your site title and logo side by side with the menubar underneath. It gives it more space to expand/contract.

Also - re your netbook problem. I would try a 960px layout. It won't resize so dramatically on laptops/PCs.

Below is the code I used in header.php. I created a separate div underneath the logo/site title. I had to set the height of the top div, to push the menubar down below the logo.

<div id="banner-bg" class="cf" style="height:150px">
<div id="banner" class="row">
<div id="logo-area" class="col12">

<img style="float:left;" src="/wp-content/uploads/logo.PNG" >
<<?php bfa_if_front_else( 'h1', 'h3' ); ?> id="sitetitle">
<a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a>
</<?php bfa_if_front_else( 'h1', 'h3' ); ?>>
<p id="tagline"><?php bloginfo( 'description' ); ?></p>

</div>


</div>

</div>
<div id="banner-bg" class="cf">
<div id="banner" class="row">

<?php wp_nav_menu( array(
'container' => 'nav',
'container_class' => 'menu-wrapper col12',
'container_id' => 'menu1-wrapper',
'menu_id' => 'menu1',
'menu_class' => 'cf menu',
'theme_location' => 'menu1',
'fallback_cb' => 'bfa_page_menu'
) ); ?>
</div>

</div>