Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1075572

Hi Luke,

I guess you’re enabling option to show ‘Collapse navigation for small screens’, you can access template manager > Navigation tab > disable this option: http://prntscr.com/hd5grr

For the sticky, you will customize a bit, here is my tweak:

Go to file: [root]/templates/ja_smallbiz/js/script.js
Add this script at the end of file:

(function($) {

    var scrollLastPos = 0,
        scrollDir = 0, // -1: up, 1: down
        scrollTimeout = 0;
  $(window).on ('scroll', function (e) {
        var st = $(this).scrollTop();
        //Determines up-or-down scrolling
        if (st < 80) {
            if (scrollDir != 0) {
                scrollDir = 0;
                scrollToggle();
            }
        } else if (st > scrollLastPos){
            //Replace this with your function call for downward-scrolling
            if (scrollDir != 1) {
                scrollDir = 1;
                scrollToggle();
            }
        } else if (st < scrollLastPos){
            //Replace this with your function call for upward-scrolling
            if (scrollDir != -1) {
                scrollDir = -1;
                scrollToggle();
            }
        }
        //Updates scroll position
        scrollLastPos = st;
    });

    $('.ja-header').on ('hover', function () {
        $('html').removeClass ('scrollDown scrollUp').addClass ('hover');
        scrollDir = 0;
    })

    scrollToggle = function () {
        $('html').removeClass ('hover');
        if (scrollDir == 1) {
            $('html').addClass ('scrollDown').removeClass ('scrollUp');
        } else if (scrollDir == -1) {
            $('html').addClass ('scrollUp').removeClass ('scrollDown');
        } else {
            $('html').removeClass ('scrollUp scrollDown');
        }
    $('html').addClass ('animating');
    setTimeout(function(){ $('html').removeClass ('animating'); }, 1000);
    }

})(jQuery);

Go to file: [root]/templates/ja_smallbiz/css/custom.css (create this file if it doesn’t exist)
Add this css rule:

.t3-header {
    position: fixed !important;
    width: inherit;
}

@media (max-width: 1500px) {
    .t3-header {
        width: 100%;
    }
}

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1075587

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1075650

Hi,

For the space, try to use this CSS rule:

.t3-content-mast-top {
  padding-top: 96px;
}

Did you add the script js as I suggested above? As it helps to put a class called .scrollDown and you can style for the header something like:

.scrollDown .t3-header {
  //your custom style for transparent here;
}

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1075654

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1075659

You can share admin + FTP account and take a backup of your site, I will check for you.

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1075662

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1075787

Glad to hear it’s working now. Let me know if you need further helps.

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1075859

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1076132

Because other pages don’t have block with class ‘t3-content-mast-top’ like homepage, they have ‘.t3-mainbody’ instead.

Try to change above rule to:

.t3-content-mast-top, .t3-mainbody {
  padding-top: 96px;
}

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1076369

Hi guys,

Thanks and it is working.
Now I want to set the sildeshow autoplay.

Accoridng to this post, I have done the code.
But how can I do if I want to set the seconds for autoplay?
Like I want to make autoplay each 10 or 15 secs.

Thanks,

Luke

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1076434

Kindly follow that topic, our moderator will help you out.

[Author]

Posts