Full width header in WordPress?

staictady

New Member
I would like to put the following nav items into a full width header that extends 100% of the screen. I've been having issues trying to figure out how to add div's to the code and position using CSS. I'm using WordPress and editing the header.php file. Thanks for the help. \[code\]<div class="inner-wrap"> <header id="header"> <div id="navbar"> <?php if (option::get("social_icons") == 'on') {?> <ul id="navsocial"> <?php if (option::get('social_rss') == 'on') { ?> <li> <a href="http://stackoverflow.com/questions/11532744/<?php if (strlen(option::get('misc_feedburner')) < 10) { bloginfo('rss2_url');} else { echo option::get('misc_feedburner'); } ?>"><img src="http://stackoverflow.com/questions/11532744/<?php bloginfo('template_directory'); ?>/images/rss.png" width="16" height="16" alt="<?php echo option::get('social_rss_title'); ?>" /><?php echo option::get('social_rss_title'); ?></a> </li> <?php } ?> <?php if (option::get('social_twitter_show') == 'on') { ?> <li> <a href="http://twitter.com/<?php echo option::get('social_twitter'); ?>" rel="external,nofollow"><img src="http://stackoverflow.com/questions/11532744/<?php bloginfo('template_directory'); ?>/images/twitter.png" width="16" height="16" alt="<?php echo option::get('social_twitter_title'); ?>" ><?php echo option::get('social_twitter_title'); ?></a> </li> <?php } ?> <?php if (option::get('social_facebook_show') == 'on') { ?> <li> <a href="http://stackoverflow.com/questions/11532744/<?php echo option::get('social_facebook'); ?>" rel="external,nofollow"><img src="http://stackoverflow.com/questions/11532744/<?php bloginfo('template_directory'); ?>/images/facebook.png" width="16" height="16" alt="<?php echo option::get('social_facebook_title'); ?>" ><?php echo option::get('social_facebook_title'); ?></a> </li> <?php } ?> </ul> <?php } ?> <?php if (has_nav_menu( 'secondary' )) { wp_nav_menu(array( 'container' => 'menu', 'container_class' => '', 'menu_class' => 'dropdown', 'menu_id' => 'mainmenu', 'sort_column' => 'menu_order', 'theme_location' => 'secondary' )); } else { echo '<p>Please set your Top navigation menu on the <strong><a href="'.get_admin_url().'nav-menus.php">Appearance > Menus</a></strong> page.</p> '; } ?> <div class="clear"></div> </div><!-- /#navbar -->\[/code\]
 
Back
Top