Joomla Templates Club 406,261 posts

[kmkmedia Friend kmkmediaJoin date: January 2014Posts: 30Downloads:66Uploads:3 Thanks: 3]

#202616

Hello,

I was just wondering how you turn off the sticky menu. I moved the logo above the menu, so we need the logo and menu to stay in their position rather than scrolling with the user. I hid the .affix css in bootstrap but that causes the menu to jump when it starts to scroll, so it looks funny. Is there somewhere in the code I have to remove some javascript? I had to do that for another template but I couldn’t find code that was similar in the files I checked.

Thanks,
Shaun

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#554805

You can comment out the below code in file root/templates/Wchd/js/script.js >> http://prntscr.com/556mbb

// add class for mainmenu when scroller
(function(){
var min = null,
sid = null,
mainnav = $('#t3-mainnav'),
navbar = mainnav.find('.navbar:first'),
breakpoint = navbar.length ? navbar.offset().top : 0;

if(mainnav.length){
$(window).scroll(function() {

if(min != $(window).scrollTop() > breakpoint){
min = !min;

min ? mainnav.addClass('affix') : mainnav.removeClass('min-mainnav');

//force reflow
mainnav[0].offsetWidth;
mainnav.prevAll('.hplace').remove();

if(min){
$('<div class="hplace clearfix"></div>').insertBefore(mainnav).css('height', mainnav.outerHeight(true));
mainnav.addClass('min-mainnav');
} else {
mainnav.removeClass('affix');
}
}
})
}

})();

[cyclist87 Friend cyclist87Join date: September 2011Posts: 77Downloads:10Uploads:24 Thanks: 44]

#555020

Is it possible to turn off sticky menu only for mobile ? which takes half the screen with the logo….

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555038

I can see you have managed to solve this issue >> http://prntscr.com/55u0c4

[Author]

Posts