thanks, that works great, MUCH appreciated. (adjusted to 200px instead of 250 and it is reacting perfectly.)
If I could pick your brain about the last thing, the Name of the site and nag menu justify right on the phone while all other elements of the home page are centred.
the following is the code under the header CSS, any suggestions on what to add to get the name and nav bar to centre?
</div>
<!-- header -->
<header id="header">
<div id="header-inner">
<div id="logo">
<?php if (of_get_option('corpo_logo_image')) : ?>
<a>" class="logo-img"><img src="<?php echo of_get_option('corpo_logo_image'); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
<?php else : ?>
<h1 id="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><?php bloginfo('name'); ?></a></h1><p class="site_tagline"><?php bloginfo('description'); ?></p>
<?php endif; ?>
</div>
<!-- navigation -->
<nav id="main-nav" role="navigation">
<?php
if(has_nav_menu('main-menu')){
wp_nav_menu(array(
'theme_location' => 'main-menu',
'container' => false,
'menu_class' => 'menu',
'menu_id' => 'main-menu',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'depth' => 0,
'walker' => ''
));
}else {
?>
<ul class="nav" id="main-menu">
<?php wp_list_pages('title_li='); ?>
<?php
}
?>
</nav>
<!-- END navigation -->
</div>
</header>
<!-- END #header -->
[Moderator Note: Please post code or markup between backticks or use the code button. Or better still – use a pastebin. Your posted code has now been permanently damaged by the forum’s parser.]