?
Solved

Make menu bar to full page width

Posted on 2013-01-31
11
Medium Priority
?
916 Views
Last Modified: 2013-02-04
Hi there, I'm using the ElegantThemes.com theme called DeepFocus and have the site here... http://www.kitchensofdenver.com/

I need to make just the main menu bar full width on the page.  Everything else stays the same, centered like it is. Any idea what to change in css of header.php file?

I spliced up an image of the menu bar that is 11px wide that I can repeat.  I'm assuming we need to adjust the css to do a repeat-x and 100% but now sure what or where the exact style changes would need to be done in the style.css file.

Any ideas experts?
0
Comment
Question by:COwebmaster
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
11 Comments
 
LVL 6

Assisted Solution

by:nickinthooz
nickinthooz earned 2000 total points
ID: 38842237
In your css

change:
#menu { position: absolute; top: 46px; left: 0px; background: url(images/menu-bg.png) no-repeat; width: 960px; height: 55px; }
	

Open in new window


to

#menu { position: absolute; top: 46px; left: 0px; background: url(images/menu-bg.png) repeat-x; width: 100%; height: 55px; }

	

Open in new window

The problem with this is that your menu background is only 960px wide, so you'll have a piece in the middle that's odd.
0
 

Author Comment

by:COwebmaster
ID: 38842440
I tried that but it is still the width of the center area.
0
 
LVL 6

Assisted Solution

by:nickinthooz
nickinthooz earned 2000 total points
ID: 38842476
It's because your menu is wrapped in the container.  Do this...

<div id="top">
		<div class="container">  <------REMOVE THIS
			<div id="header">		
				<table id="home_table1" style="width: 960px;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left" valign="top" width="679"><a href="/" title="Sander and Sons, Inc. | Custom Kitchen/Bath Cabinetry and Countertops"><img src="/images/logo.png" alt="Sander and Sons, Inc. | Custom Kitchen/Bath Cabinetry and Countertops" border="0" height="136" width="679"></a></td>
<td align="right" valign="top" width="281">
<div class="header-right1">

Open in new window


After you remove the <div class="container">, put it here:

<div id="menu" class="clearfix"><div class="container"> <---- PUT IT HERE
					<ul id="primary" class="nav sf-js-enabled"><li id="menu-item-737" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-737"><a title="Home" href="/">Home</a></li>
<li id="menu-item-997" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-997"><a title="Kitchen/Bath Cabinetry" href="http://www.kitchensofdenver.com/cabinetry/">Kitchen/Bath Cabinetry</a></li>

Open in new window


That takes your menu bar div out of the container, then you put the navigation links back in the div to get the links back in the center.
0
WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

 
LVL 6

Expert Comment

by:nickinthooz
ID: 38842484
here's the complete code if you can't follow above...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Sander and Sons | Custom Kitchen/Bath Cabinetry and Countertops</title>

<link rel="stylesheet" href="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title=" RSS Feed" href="http://www.kitchensofdenver.com/feed/" />
<link rel="alternate" type="application/atom+xml" title=" Atom Feed" href="http://www.kitchensofdenver.com/feed/atom/" />
<link rel="pingback" href="http://www.kitchensofdenver.com/xmlrpc.php" />

<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/css/ie6style.css" />
	<script type="text/javascript" src="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/DD_belatedPNG_0.0.8a-min.js"></script>
	<script type="text/javascript">DD_belatedPNG.fix('img#logo, #search-form, #featured, span.date, .footer-widget ul li, span.overlay, a.readmore, a.readmore span, #recent-posts a#left-arrow, #recent-posts a#right-arrow, h4#recent, div#breadcrumbs, #sidebar h4');</script>
<![endif]-->
<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/css/ie7style.css" />
<![endif]-->
<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/css/ie8style.css" />
<![endif]-->

<script type="text/javascript">
	document.documentElement.className = 'js';
</script>

<link rel="alternate" type="application/rss+xml" title=" &raquo; Feed" href="http://www.kitchensofdenver.com/feed/" />
<link rel="alternate" type="application/rss+xml" title=" &raquo; Comments Feed" href="http://www.kitchensofdenver.com/comments/feed/" />
<meta content="DeepFocus v.4.1" name="generator"/><link rel='stylesheet' id='portfolio_slideshow-css'  href='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/css/portfolio-slideshow.min.css?ver=1.8.3' type='text/css' media='screen' />
<link rel='stylesheet' id='fancybox-css'  href='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/js/fancybox/jquery.fancybox-1.3.4.css?ver=1.3.4a' type='text/css' media='screen' />
<link rel='stylesheet' id='ps-photoswipe-style-css'  href='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/css/photoswipe.min.css?ver=1.8.3' type='text/css' media='screen' />
<link rel='stylesheet' id='DOPTS_JScrollPaneStyle-css'  href='http://www.kitchensofdenver.com/wp-content/plugins/dopts/libraries/gui/css/jquery.jscrollpane.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='DOPTS_ThumbnailScrollerStyle-css'  href='http://www.kitchensofdenver.com/wp-content/plugins/dopts/assets/gui/css/jquery.dop.ThumbnailScroller.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='et_responsive-css'  href='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/css/responsive.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='et-shortcodes-css-css'  href='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/epanel/shortcodes/css/shortcodes.css?ver=3.0' type='text/css' media='all' />
<link rel='stylesheet' id='et-shortcodes-responsive-css-css'  href='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/epanel/shortcodes/css/shortcodes_responsive.css?ver=3.0' type='text/css' media='all' />
<link rel='stylesheet' id='gpp_gallery-css'  href='http://www.kitchensofdenver.com/wp-content/plugins/gpp-slideshow/css/style.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='et_page_templates-css'  href='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/epanel/page_templates/page_templates.css?ver=1.8' type='text/css' media='screen' />
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/gpp-slideshow/js/jquery.flexslider-min.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/gpp-slideshow/js/jquery.fader.js?ver=3.4.2'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/dopts/assets/js/jquery.dop.ThumbnailScroller.js?ver=3.4.2'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.kitchensofdenver.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.kitchensofdenver.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.4.2" />

<!-- All in One SEO Pack 1.6.15.3 by Michael Torbert of Semper Fi Web Design[364,374] -->
<link rel="canonical" href="http://www.kitchensofdenver.com/" />
<!-- /all in one seo pack -->

	<script type="text/javascript">
		jQuery(document).ready(function($){
			var imgcount = 0;

			$(".flexslider").flexslider({

			     animation: "fade",
			     animationDuration: 1000,
			     slideshowSpeed: 3500,
			     pauseOnHover: true,
			     controlNav: true,
			     directionNav: true,
			     manualControls: ".gpp_slideshow_thumbnails li a"

			});
		});
	</script><!-- <meta name="NextGEN" version="1.9.10" /> -->

<!-- Portfolio Slideshow-->
<noscript><link rel="stylesheet" type="text/css" href="http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/css/portfolio-slideshow-noscript.css?ver=1.8.3" /></noscript><style type="text/css">.centered .ps-next {} .scrollable {height:150px;} .ps-prev {top:80px} .ps-next {top:-85px} .slideshow-wrapper .pscarousel img {margin-right:8px !important; margin-bottom:8px !important;}</style><script type="text/javascript">/* <![CDATA[ */var psTimeout = new Array(); psAudio = new Array(); var psAutoplay = new Array(); var psDelay = new Array(); var psFluid = new Array(); var psTrans = new Array(); var psRandom = new Array(); var psCarouselSize = new Array(); var touchWipe = new Array(); var psPagerStyle = new Array(); psCarousel = new Array(); var psSpeed = new Array(); var psLoop = new Array(); var psClickOpens = new Array(); /* ]]> */</script>
<!--//Portfolio Slideshow-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><style type="text/css" id="custom-background-css">
body.custom-background { background-color: #E2D9CD; background-image: url('http://kitchensofdenver.seozones1.com/wp-content/uploads/2012/12/bg9.png'); background-repeat: repeat; background-position: top left; background-attachment: scroll; }
</style>
	<style type="text/css">
		div.pp_default .pp_content_container .pp_details { color: #666; }
	</style>

</head>
<body id="home-featured" class="home blog custom-background gecko et_includes_sidebar">
	<div id="top">
		
			<div id="header">		
				<table id="home_table1" style="width: 960px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td align="left" valign="top" width="679"><a href="/" title="Sander and Sons, Inc. | Custom Kitchen/Bath Cabinetry and Countertops"><img src="/images/logo.png" border="0" alt="Sander and Sons, Inc. | Custom Kitchen/Bath Cabinetry and Countertops" width="679" height="136"></a></td>
<td align="right" valign="top" width="281">
<div class="header-right1">
<h3 class="header-right-h3">Sander and Sons, Inc. </h3>
<h3 class="header-right-tagline">&#8220;Beautifully Designed Kitchens<br />of Denver Since 1996!&#8221;</h3>
<p>7540 S. Grant St.<br />Littleton, CO 80122<br />Phone: 303.347.1345<br />Fax: 303.347.0992<br /><a class="blacklink" href="mailto:info@kitchensofdenver.com">info@kitchensofdenver.com</a></div>
</td>
</tr>
</tbody>
</table>
				<div id="menu" class="clearfix"><div class="container">
					<ul id="primary" class="nav"><li id="menu-item-737" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-737"><a title="Home" href="/">Home</a></li>
<li id="menu-item-997" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-997"><a title="Kitchen/Bath Cabinetry" href="http://www.kitchensofdenver.com/cabinetry/">Kitchen/Bath Cabinetry</a></li>
<li id="menu-item-996" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-996"><a title="Countertops" href="http://www.kitchensofdenver.com/countertops/">Countertops</a></li>
<li id="menu-item-995" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-995"><a title="Remodel Process" href="http://www.kitchensofdenver.com/remodel-process/">Remodel Process</a></li>
<li id="menu-item-998" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-998"><a title="Portfolio" href="http://www.kitchensofdenver.com/portfolio/">Portfolio</a></li>
<li id="menu-item-735" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-735"><a title="Our Story" href="http://www.kitchensofdenver.com/our-story/">Our Story</a></li>
<li id="menu-item-744" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-744"><a title="Contact Us" href="http://www.kitchensofdenver.com/contact-us/">Contact Us</a></li>
<li id="menu-item-1005" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1005"><a href="http://www.kitchensofdenver.com/our-blog/">Blog</a></li>
</ul>				
					<div id="social-header">
<a href="https://www.facebook.com/SanderAndSons" title="Facebook" target="_blank"><img src="/images/social/facebook-sm.png" border="0" width="32" height="32" alt="Facebook"></a> <a href="http://twitter.com/sanderandsons" title="Twitter" target="_blank"><img src="/images/social/twitter-sm.png" border="0" width="32" height="32" alt="Twitter"></a> <a href="http://www.youtube.com/user/sanderandsons" title="You Tube" target="_blank"><img src="/images/social/youtube-sm.png" border="0" width="32" height="32" alt="You Tube"></a> <a href="#" title="Google Plus" target="_blank"><img src="/images/social/googleplus-sm.png" border="0" width="32" height="32" alt="Google Plus"></a>
</div>
<p> <!-- end #search-form --></p>
					
					<a href="#" id="mobile_nav" class="closed">Navigation Menu<span></span></a>				</div> <!-- end #menu -->		
			</div> <!-- end #header -->
		</div> <!-- end .container -->		
	</div> <!-- end #top -->	
	<div id="content-full">
		<div id="home-top"></div>
		<div id="hr">
			<div id="hr-center">
				<div id="intro">
					<div class="center-highlight">
					
						<div class="container">
	
							<div class="flex-container"><div id="featured" class="flexslider et_slider_auto et_slider_speed_3500">
	<span id="left-shadow"></span>
	<span id="right-shadow"></span>
	
	<ul class="slides">
									<li class="slide">
						<img src="http://www.kitchensofdenver.com//images/home_banners/top-banner-3.jpg" alt='home banner 3' width='960' height='447' />				<div class="overlay"></div>
				<div class="overlay2"></div>
				
				<div class="description">
					<div class="outer-content">
						<div class="inner-content">
							<h2 class="title"><a href="http://www.kitchensofdenver.com/home-banner-3/">home banner 3</a></h2>
							<p></p>
						</div> <!-- end .inner-content -->
					</div> <!-- end .outer-content -->
					
					<div class="bottom">
						<a href="http://www.kitchensofdenver.com/home-banner-3/" class="readmore"><span>Read More</span></a>
					</div> <!-- end .bottom -->
				</div> <!-- end .description -->
					</li> <!-- end .slide -->
									<li class="slide">
						<img src="http://www.kitchensofdenver.com//images/home_banners/top-banner-2.jpg" alt='home banner 2' width='960' height='447' />				<div class="overlay"></div>
				<div class="overlay2"></div>
				
				<div class="description">
					<div class="outer-content">
						<div class="inner-content">
							<h2 class="title"><a href="http://www.kitchensofdenver.com/home-banner-2/">home banner 2</a></h2>
							<p></p>
						</div> <!-- end .inner-content -->
					</div> <!-- end .outer-content -->
					
					<div class="bottom">
						<a href="http://www.kitchensofdenver.com/home-banner-2/" class="readmore"><span>Read More</span></a>
					</div> <!-- end .bottom -->
				</div> <!-- end .description -->
					</li> <!-- end .slide -->
									<li class="slide">
						<img src="http://www.kitchensofdenver.com//images/home_banners/top-banner-1.jpg" alt='home banner 1' width='960' height='447' />				<div class="overlay"></div>
				<div class="overlay2"></div>
				
				<div class="description">
					<div class="outer-content">
						<div class="inner-content">
							<h2 class="title"><a href="http://www.kitchensofdenver.com/home-banner-1/">home banner 1</a></h2>
							<p></p>
						</div> <!-- end .inner-content -->
					</div> <!-- end .outer-content -->
					
					<div class="bottom">
						<a href="http://www.kitchensofdenver.com/home-banner-1/" class="readmore"><span>Read More</span></a>
					</div> <!-- end .bottom -->
				</div> <!-- end .description -->
					</li> <!-- end .slide -->
					</ul> <!-- end .slides -->
	
								
	<div id="controllers-wrapper">
		<div id="controllers">
			<a href="#" id="left-arrow">Previous</a>
			
							<a href="#" rel="1" class="switch active">1</a>
							<a href="#" rel="2" class="switch">2</a>
							<a href="#" rel="3" class="switch">3</a>
						
			<a href="#" id="right-arrow">Next</a>
		</div>	<!-- end #controllers -->
		<div id="controllers-right"></div>
	</div> <!-- end #controllers-wrapper -->
</div>	<!-- end #featured -->
</div> <!-- end .flex-container -->							
							
									
							
						</div> <!-- end .container -->	
					</div> <!-- end .center-highlight -->
				</div>	<!-- end #intro -->	
			</div> <!-- end #hr-center -->
		</div> <!-- end #hr -->				
		
		
		
		<div class="center-highlight">
			<div class="container">
				<center><div class="DOPThumbnailScrollerContainer" id="DOPThumbnailScroller1">
                                 <a href="http://www.kitchensofdenver.com/wp-content/plugins/dopts/frontend-ajax.php"></a>
                             </div>
                             <script type="text/JavaScript">
                                 jQuery(document).ready(function(){
                                     jQuery('#DOPThumbnailScroller1').DOPThumbnailScroller();
                                 });
                             </script></center>
				<table id="home_table" style="width: 960px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td colspan="3" align="left" valign="top" width="648">
<div style="padding-bottom:25px;">When it&#8217;s your home, your gathering place, your family, we want nothing more than to create the kitchen that reflects your style.</p>
<p>Sander and Sons will personally work with you to achieve the dream kitchen or bathroom you’ve always wanted. Whether it is cozy and relaxing, sleek and modern, or ergonomic and functional, Denver based Sander and Sons will customize a design plan to fit your style, budget, and schedule. We specialize in Custom Kitchen and Bathroom Remodeling and Design.</p>
<p>Our design specialists will help you choose the best product for your needs; whether it is a simple countertop replacement to help redecorate an outdated room, or a full remodel complete with cabinets designed to make an old room new again. </p>
<p>We pride ourselves in combining old world craftsmanship and classic styles with the latest trends and ideas.  We&#8217;ll listen to your desires and transform them into something you will love.  Each kitchen or bath will always have the most important element incorporated into the design&#8230;you!  We feel strongly that this is our main purpose because, above all, it&#8217;s your home.</p>
<p>Visit our Facebook and You Tube pages and follow us on Twitter for our latest news and updates, along with inspiration and trends for kitchens and baths!</p></div>
</td>
<td rowspan="2" align="left" valign="top" width="312">
<div style="padding-left:35px;">
<div style="padding-bottom:16px;padding-left:5px;">Fill out the form below, then click Send.</div>
<!-- Fast Secure Contact Form plugin 3.1.8 - begin - FastSecureContactForm.com -->
<div id="FSContact1" style="width:240px;background: #E2D9CD;border:1px solid #88463A;padding:15px;border-radius: 8px;-webkit-border-radius: 8px;-webkit-background-clip: padding-box;-webkit-background-origin: padding-box;">
<form action="http://www.kitchensofdenver.com/#FSContact1" id="si_contact_form1" method="post">

         <div>
               <input type="hidden" name="si_contact_CID" value="1" />
        </div>

        <div style="text-align:left; padding-top:5px;color:#000000;">
                <label for="si_contact_name1">Name:</label>
        </div>
        <div style="text-align:left;">
                <input style="text-align:left; margin:0;width:230px; height:19px;" type="text" id="si_contact_name1" name="si_contact_name" value=""  size="38" />
        </div>

        <div style="text-align:left; padding-top:5px;color:#000000;">
                <label for="si_contact_email1">E-Mail Address:</label>
        </div>
        <div style="text-align:left;">
                <input style="text-align:left; margin:0;width:230px; height:19px;" type="text" id="si_contact_email1" name="si_contact_email" value=""  size="38" />
        </div>

        <div style="text-align:left; padding-top:5px;color:#000000;">
                <label for="si_contact_ex_field1_1">Phone:</label>
        </div>
        <div style="text-align:left;">
                <input style="text-align:left; margin:0;width:230px; height:19px;" type="text" id="si_contact_ex_field1_1" name="si_contact_ex_field1" value=""  size="38" />
        </div>

        <div style="text-align:left; padding-top:5px;color:#000000;">
                <label for="si_contact_ex_field1_2">Type of Service:</label>
        </div>
        <div style="text-align:left;">
               <select style="width:235px;max-width:235px;" id="si_contact_ex_field1_2" name="si_contact_ex_field2">
                  <option value="Kitchen Cabinets">Kitchen Cabinets</option>
          <option value="Kitchen Remodeling">Kitchen Remodeling</option>
          <option value="Bathroom Remodeling">Bathroom Remodeling</option>
          <option value="Bathroom Cabinets">Bathroom Cabinets</option>
          <option value="Countertops">Countertops</option>
          <option value="Other">Other</option>
           </select>
        </div>

        <div style="text-align:left; padding-top:5px;color:#000000;">
                <label for="si_contact_ex_field1_3">How May We Assist You?</label>
        </div>
        <div style="text-align:left;">
                <textarea style="height:75px;width:225px;max-width:225px;max-height:75px;resize:none;" id="si_contact_ex_field1_3" name="si_contact_ex_field3"  cols="50" rows="10"></textarea>
        </div>
    <input type="hidden" name="si_postonce_1" value="d5d5add8b77e3cb560a67fe4a8b77f79,1359693947" />

<div style="text-align:left; padding-top:20px; padding-bottom:30px; padding-left:0px;">
  <input type="hidden" name="si_contact_action" value="send" />
  <input type="hidden" name="si_contact_form_id" value="1" />
  <input type="submit" id="fsc-submit-1" style="background:url(/images/send.png) no-repeat; width:46px; height:31px; padding:0; float: left; border:none; font-size:0px; cursor:pointer;" value="Send" /> 
</div>

</form>
</div>
<!-- Fast Secure Contact Form plugin 3.1.8 - end - FastSecureContactForm.com --></div>
</td>
</tr>
<tr>
<td align="left" valign="top" width="289">
<div style="padding-bottom: 16px;">
<h3 class="hometitle">Kitchen/Bath Cabinetry</h3>
</div>
<p>At Sander and Sons, we offer a free in-home consultation with one of our  talented designers to go over the details of your project. We recognize that your project is a big investment in your home and that is why we offer a &#8216;no obligation&#8217; consultation and complete estimate for your project.  It is important for you to find a company that you can trust and you are comfortable working with.  To schedule an appointment or check on current monthly promotions, please visit or call our showroom at 303-347-1345.<br /><a href="/cabinetry" class="readmore"><span>Learn More</span></a></td>
<td align="left" valign="top" width="70">&nbsp;</td>
<td align="left" valign="top" width="289">
<div style="padding-bottom: 16px;">
<h3 class="hometitle">Countertops</h3>
</div>
<p>At Sander and Sons, we offer a free in-home consultation with one of our  talented designers to go over the details of your project. We recognize that your project is a big investment in your home and that is why we offer a &#8216;no obligation&#8217; consultation and complete estimate for your project.  It is important for you to find a company that you can trust and you are comfortable working with.  To schedule an appointment or check on current monthly promotions, please visit or call our showroom at 303-347-1345.<br /><a href="countertops" class="readmore"><span>Learn More</span></a></td>
</tr>
</tbody>
</table>
				
					<div class="clear"></div>			
			</div> <!-- end .container -->					
			<div id="footer">
<div id="footer-wrapper">
<div id="footer-center">
<div class="container">
<p id="copyright">&copy; 2013 <a href="/" title="">Sander and Sons, Inc.</a> All Rights Reserved. <a href="privacy-policy" title="Privacy Policy">Privacy Policy</a></p>
<div id="my_right">Web Design and Web Hosting by <a href="https://www.seozones.com" target="_blank" title="SEO Zones, Inc.">SEO Zones, Inc.</a>, a Denver Company</div>
</div> <!-- end .container -->
</div> <!-- end #footer-center -->
</div> <!-- end #footer-wrapper -->


</div> <!-- end #footer -->

</div> <!-- end .center-highlight -->

</div> <!-- end #content-full -->

   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
   <script type="text/javascript" src="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/jquery.cycle.all.min.js"></script> 
   <script type="text/javascript" src="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/jquery.easing.1.3.js"></script>   
   <script type="text/javascript" src="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/superfish.js"></script>
   <script type="text/javascript" src="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/scrollTo.js"></script>
   <script type="text/javascript" src="http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/serialScroll.js"></script>
      
   <script type="text/javascript">
   //<![CDATA[
      jQuery.noConflict();

      jQuery('ul.nav').superfish({ 
         delay:       300,                            // one second delay on mouseout 
         animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
         speed:       'fast',                          // faster animation speed 
         autoArrows:  true,                           // disable generation of arrow mark-up 
         dropShadows: false                            // disable drop shadows 
      });
      
      jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul');
      
      et_search_bar();
      
      if (jQuery('#blog').length) {
         jQuery('#blog').serialScroll({
            target:'.recentscroll',
            items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
            prev:'#controllers2 a#cright-arrow',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
            next:'#controllers2 a#cleft-arrow',// Selector to the 'next' button (absolute too)
            axis:'y',// The default is 'y' scroll on both ways
            duration:200,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
            force:true // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
         });
      }
      
      var $portfolioItem = jQuery('.item');
      $portfolioItem.find('.item-image').css('background-color','#000000');
      jQuery('.zoom-icon, .more-icon').css('opacity','0');
      
      $portfolioItem.hover(function(){
         jQuery(this).find('.item-image').stop(true, true).animate({top: -10}, 500).find('img.portfolio').stop(true, true).animate({opacity: 0.7},500);
         jQuery(this).find('.zoom-icon').stop(true, true).animate({opacity: 1, left: 43},400);
         jQuery(this).find('.more-icon').stop(true, true).animate({opacity: 1, left: 110},400);
      }, function(){
         jQuery(this).find('.zoom-icon').stop(true, true).animate({opacity: 0, left: 31},400);
         jQuery(this).find('.more-icon').stop(true, true).animate({opacity: 0, left: 128},400);
         jQuery(this).find('.item-image').stop(true, true).animate({top: 0}, 500).find('img.portfolio').stop(true, true).animate({opacity: 1},500);
      });
      
            
      function et_cycle_integration(){
         var $featured = jQuery('#featured'),
            $featured_content = jQuery('#slides'),
            $controller = jQuery('#controllers'),
            $slider_control_tab = $controller.find('a.switch');
      
         if ($featured_content.length) {
            jQuery('div.slide .description').css({'visibility':'hidden','opacity':'0'});
            
			$featured_content.css( 'backgroundImage', 'none' );
			if ( $featured_content.find('.slide').length == 1 ){
				$featured_content.find('.slide').css({'position':'absolute','top':'0','left':'0'}).show();
				jQuery('#controllers-wrapper').hide();
			}
			
            $featured_content.cycle({
               fx: 'fade',
               timeout: 0,
               speed: 700,
               cleartypeNoBg: true
            });
			
			var et_leftMargin = parseFloat( $featured.width()- $featured.find('#controllers-wrapper').outerWidth(true)) / 2;
			$featured.find('#controllers-wrapper').css({'left' : et_leftMargin});
          
            var pause_scroll = false;
            
			jQuery('#featured .slide').hover(function(){
			   jQuery('div.slide:visible .description').css('visibility','visible').stop().animate({opacity: 1, top:43},500);
			   pause_scroll = true;
			},function(){
			   jQuery('div.slide:visible .description').stop().animate({opacity: 0, top:33},500,function(){
				  jQuery(this).css('visibility','hidden');
			   });
			   pause_scroll = false;
			});
         };
         
         $slider_control_tab.hover(function(){
            jQuery(this).find('img').stop().animate({opacity: 1},300);
         }).mouseleave(function(){
            if (!jQuery(this).hasClass("active")) jQuery(this).find('img').stop().animate({opacity: 0.7},300);
         });
         
         
         var ordernum;
         
         function gonext(this_element){
            $controller.find("a.active").removeClass('active');
            
            this_element.addClass('active');
            
            ordernum = this_element.attr("rel");
            $featured_content.cycle(ordernum-1);
            
            //SjQuery('div.slide:visible .description').stop().animate({opacity: 0, top:33},500);
            
            if (typeof interval != 'undefined') {
               clearInterval(interval);
               auto_rotate();
            };
         }
         
         $slider_control_tab.click(function(){
            gonext(jQuery(this));
            return false;
         });
         

         var $nextArrow = $featured.find('a#right-arrow'),
            $prevArrow = $featured.find('a#left-arrow');
         
         $nextArrow.click(function(){
            var activeSlide = $controller.find('a.active').attr("rel"),
               $nextSlide = $controller.find('a.switch:eq('+ activeSlide +')');
                        
            if ($nextSlide.length) gonext($nextSlide)
            else gonext($controller.find('a.switch:eq(0)'));
            
            return false;
         });
         
         $prevArrow.click(function(){
            var activeSlide = $controller.find('a.active').attr("rel")-2,
               $nextSlide = $controller.find('a.switch:eq('+ activeSlide +')');
                        
            if ($nextSlide.length) gonext($nextSlide);
            else {
               var slidesNum = $slider_control_tab.length - 1;
               gonext($controller.find('a.switch:eq('+ slidesNum +')'));
            };
            
            return false;
         });
               
                  
                  
            auto_rotate();
            
            function auto_rotate(){

               interval = setInterval(function() {
                  if (!pause_scroll) $nextArrow.click();
               }, 3500);
            }
         
                     
      };
      
      
      <!---- Search Bar Improvements ---->
      function et_search_bar(){
         var $searchform = jQuery('#menu div#search-form'),
            $searchinput = $searchform.find("input#searchinput"),
            searchvalue = $searchinput.val();
            
         $searchinput.focus(function(){
            if (jQuery(this).val() === searchvalue) jQuery(this).val("");
         }).blur(function(){
            if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
         });
      };
      
      var $footer_widget = jQuery("#footer .widget");
      
      if ($footer_widget.length) {
         $footer_widget.each(function (index, domEle) {
            // domEle == this
            if ((index+1)%3 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
         });
      };
      
      jQuery(window).load(function(){
         var $single_gallery_thumb = jQuery('.gallery-thumb');
          
         if ($single_gallery_thumb.length) {
           var single_gallery_thumb = $single_gallery_thumb.width(),
             offset = single_gallery_thumb-434;
           
           if ( offset < 0 ) {
             jQuery('.gallery-thumb-bottom').css({'width':'auto','padding':'0 '+(single_gallery_thumb / 2)+'px'});
             
           }
           else jQuery('.gallery-thumb-bottom').css('width',offset);
         }
      });
   //]]>
   </script>
<script type='text/javascript'>/* <![CDATA[ */ var portfolioSlideshowOptions = { psFancyBox:true, psHash:0, psThumbSize:'175', psFluid:false, psTouchSwipe:false, psKeyboardNav:false, psBackgroundImages:false, psInfoTxt:'of' };/* ]]> */</script><script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28678004-40']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script><script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/js/scrollable.min.js?ver=1.2.5'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/js/portfolio-slideshow.min.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4a'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/js/code.photoswipe.jquery-3.0.4.min.js?ver=3.0.4'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/plugins/portfolio-slideshow-pro/js/jquery.cycle.all.min.js?ver=2.99'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/jquery.fitvids.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/jquery.flexslider-min.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/js/et_flexslider.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js?ver=1.3.4'></script>
<script type='text/javascript' src='http://www.kitchensofdenver.com/wp-content/themes/DeepFocus/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script>
 
</body>
</html>
<!-- This Quick Cache file was built for (  www.kitchensofdenver.com/ ) in 0.18026 seconds, on Feb 1st, 2013 at 4:45 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 1st, 2013 at 5:45 am UTC -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<!-- Quick Cache Is Fully Functional :-) ... A Quick Cache file was just served for (  www.kitchensofdenver.com/ ) in 0.00055 seconds, on Feb 1st, 2013 at 4:54 am UTC. -->

Open in new window

0
 

Author Comment

by:COwebmaster
ID: 38842508
okay, I'll try that.
0
 

Author Comment

by:COwebmaster
ID: 38844425
Okay, I tried but then the whole page was jacked up so I reverted it back.
0
 

Author Comment

by:COwebmaster
ID: 38847629
what am I doing wrong?
0
 
LVL 6

Expert Comment

by:nickinthooz
ID: 38847711
Close the div before the menu, then reopen it after there menu.  That should keep the rest normal
0
 

Author Comment

by:COwebmaster
ID: 38847727
so are you saying:

<div id="menu" class="clearfix"></div><div class="container">

Do I also close the container div as well?
0
 
LVL 6

Accepted Solution

by:
nickinthooz earned 2000 total points
ID: 38847738
The container/wrapper is what you're wanting to close and reopen.  
<div id="container">
<\div>
<div id="menu"><\div>
<div id="container"><\div>

Sorry Im on my phone typing this
0
 

Author Closing Comment

by:COwebmaster
ID: 38853610
Thanks!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Suggested Courses

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question