Public Forums 71,145 posts

[doorknob Friend doorknobJoin date: December 2013Posts: 36Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 1 posts]

#193120

jQuery sticky navigation worked fine in t3_blank v1.4.3 but when I added it to the t3_bs3_blank v2.0.0 template, there was a problem using the off-canvas slider. When the feature was activated, the main menu which had been docked at the top of the screen jumped to its original position. I fixed this with a small change to the T3 JavaScript (and an edit to my sticky nav CSS). If anyone has a similar problem, I fixed it by changing t3/base-bs3/js/off-canvas.js line 86 from

mtop = -$parent.offset().top;
to

dataoffset = parseInt($this.attr('data-offset-top'), 10);
dataoffset = isNaN(dataoffset) ? 0 : dataoffset;
mtop = -($parent.offset().top + dataoffset);

This takes care of the vertical positioning (fully compatible whether or not you use stick nav). The horizontal positioning can be fixed by CSS (I haven’t posted this because it won’t be ‘one size fits all’).

Regards
Phil

This is still an issue in T3 v2.0.2

2 users say Thank You to doorknob for this useful post

1. JA Developer
2. alexsmirnov

[Author]

Posts