Thanks Ciarán

It worked perfectly...

Regards

Hi

You can set the background color of this area by adding the following to the Custom CSS field of your templates parameters (you may wish to edit the color to your own taste)...

#container_spacer1 .wrapper960 {

    background: #ffffff;

    height: 42px;

}

Ciarán

Hi Ciaran,

Yes, that is what I meant and it worked.

The only problem is that when I scroll, the page contents are seen scrolling up over the Header-1 and 2 module areas.

If I create a background for those modules will the page contents scroll behind it as it does with the logo module? Or else how can I solve it?

Thanks

Hello

Presuming I understand you correctly you could try replacing the following in your templates scripts.php (../templates/j51_enlighten/php/scripts.php)...

<!-- Sticky Div -->

<script type="text/javascript" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.sticky.js" charset="utf-8"></script>

  <script type="text/javascript" >

    jQuery(window).load(function(){

      jQuery("#container_hornav").sticky({ topSpacing: 65 });

    });

    jQuery(window).load(function(){

      jQuery("#container_header").sticky({ topSpacing: -20 });

    });

 </script>

With...

<!-- Sticky Div -->

<script type="text/javascript" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.sticky.js" charset="utf-8"></script>

  <script type="text/javascript" >

    jQuery(window).load(function(){

      jQuery("#container_hornav").sticky({ topSpacing: 127 });

    });

    jQuery(window).load(function(){

      jQuery("#container_header").sticky({ topSpacing: 42 });

    });

    jQuery(window).load(function(){

      jQuery("#container_spacer1").sticky({ topSpacing: 0 });

    });

 </script>

Ciarán