Joomla Templates Club 406,261 posts

[meguiars Friend meguiarsJoin date: June 2013Posts: 18Downloads:34Uploads:3 Thanks: 1]

#937913

Is it possible to fixed main manu on scroll?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#937980

Hi, I am afraid the header and main nav in this template are defined separately and the fixed scroll does not fully support due to the complex design part .You can add below code to fix the main nav in custom.css file but it

.t3-mainnav {width:100%;top:30px;z-index:99;}

and below script add the end of tpls/blocks/header.php file

< script>
(function ($) {
    $(document).ready(function(){
        $('#t3-mainnav').affix({
        offset: {
              top: $('#t3-mainnav').offset().top
            }
    });
    });
})(jQuery);
< /script>

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#944407

Hi,

What I meant was i want the t3-header and t3-mainnav to be sticky on top , in order to do that I will just need to modify the script to add in the function for the t3-header right ?

Thanks.

[Author]

Posts