Joomla Templates Club 406,261 posts

[tyfairclough Friend tyfaircloughJoin date: December 2012Posts: 51Downloads:120Uploads:6 Thanks: 2 Thanked: 4 times in 1 posts]

#202964

It would appear that the affix-top is not being added to my template when the page loads. It means that my content below is partially obscured beneath the menu bar.

I’m running the latest joomla 3.3.6 , the latest versions of t3 2.4.1 and uber 2.0.1

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#556287

Hi,

I checked your site but didn’t see any problem with this part. By default, the header will be set with class name “affix-top” and whenever you scroll down, the class name will be changed to “affix” which make it sticky. If you can check any content page, you will see it works fine.

[tyfairclough Friend tyfaircloughJoin date: December 2012Posts: 51Downloads:120Uploads:6 Thanks: 2 Thanked: 4 times in 1 posts]

#556714

Could you double check that because as I understand it the affix plugin adds affix-top or affix-bottom and when you scroll past the offset it removes the class.

I’ve manually fired the method

<script>
jQuery(function($) {
$(‘#t3-header’).affix({
offset: {
top: 100,
bottom: function () {
return (this.bottom = $(‘.footer’).outerHeight(true))
}
}
});
});
</script>

via the custom code block and it now works as expected.

[tyfairclough Friend tyfaircloughJoin date: December 2012Posts: 51Downloads:120Uploads:6 Thanks: 2 Thanked: 4 times in 1 posts]

#556717

Here is my point of reference:
http://getbootstrap.com/javascript/#affix

I also watched the console for any changes in the html and noted that the “#back-to-top” arrow was getting affix-top attached to it. Maybe the affix plugin is being targeted at the wrong element?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#556725

Hi @tyfairclough,

If you take a look at our demo site here you will see the Main Menu is sticky. Unless you modify the code here, otherwise it should works fine.

[tyfairclough Friend tyfaircloughJoin date: December 2012Posts: 51Downloads:120Uploads:6 Thanks: 2 Thanked: 4 times in 1 posts]

#556875

Yea so the demo is behaving as expected .affix-top is being assigned to the nav when it is at the top of the page. My installation (i’ve tried re-uploading the template) only has .affix , .affix-top never comes into it unless I had the javascript manually in the custom code block of the template back-end.

I have made my site available to pre-view and commented out my affix from the custom code block. You’ll see if you inspect the dom that the affix-top is not being assigned to the navigation.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#556914

Hi,

If you take a quick look at element ID and class name of header part, you will see that they’re different from our demo site. Please login via FTP, temporary rename your current template folder and upload original template package from here then recheck.

In addition, if you want to add extra CSS code, please use custom.css file instead. The option Custom Code should be used to insert JS only.

[Author]

Posts