Recent
Categories
View Replies (3)

making the header and hornav scroll

0
Votes
Undo
  1. webwahoo
    webwahoo
  3. Commercial Templates
  4. Friday, 04 November 2016
  5.  Subscribe via email
In the enlighten template I would love the header area and hornav to scroll with the rest of the site...instead of staying at the top. I don't need the logo and navigation to always be visible in the browser because it covers up my content.

here is the link to see what I mean.

http://143.95.109.249/~cliftmar/index.php
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters...


#container_header, #container_hornav {

    position: relative !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
webwahoo
webwahoo
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much for your help. There is a little glitch which you can see on the website if you go to http://cliftmarketinginc.com/ and scroll down slowly.

The menu jumps down slightly when you scroll...you can see that it does something similar in the mobile version even thought the menu isn't there.

thank you for your continued help.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

In your templates scripts.php (../templates/j51_enlighten/php/scripts.php) try removing the following...


<!-- 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>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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