1. Booksie
  2. Commercial Templates
  3. Wednesday, 01 October 2014
  4.  Subscribe via email
Hi,

I got the Enlighten template and would like to have the upper part (including the Header-1 and 2, Logo and Hornav modules) "fixed" all the time without scrolling upwards.

How can I do it?

Thanks and regards
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán

It worked perfectly...

Regards
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!