Joomla Templates Club 406,261 posts

[speterman Friend spetermanJoin date: June 2015Posts: 11Downloads:1Uploads:0]

#692183

Hi

I actually need my menu on top image. same as attached image. when scroll menu ll change to white background and fix it on top.

Gopi

[speterman Friend spetermanJoin date: June 2015Posts: 11Downloads:1Uploads:0]

#749583

Hi

I actually need my menu on top image. same as attached image. when scroll menu ll change to white background and fix it on top.

Gopi

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#692408

Hi Gopi,

I considered about your request and because it is custom work and out of JA support scope but I can help you out

Open templates/ja_nuevo/js/script.js file add new css script


(function($){
var lastScrollTop = 70;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st>=lastScrollTop) {
$('#t3-header').addClass("scroll");
}
else {

$('#t3-header').removeClass("scroll");
}
});
})(jQuery);


+ Open templates/ja_nuevo/css/custom.css file

find and change


.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
background: #fff ;
}


to


.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
background: transparent ;
}

.navbar-fixed-top.scroll {
background: #fff ;
}


Regards

1 user says Thank You to Ninja Lead for this useful post

1. imported_speterman

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#749667

Hi Gopi,

I considered about your request and because it is custom work and out of JA support scope but I can help you out

Open templates/ja_nuevo/js/script.js file add new css script


(function($){
var lastScrollTop = 70;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st>=lastScrollTop) {
$('#t3-header').addClass("scroll");
}
else {

$('#t3-header').removeClass("scroll");
}
});
})(jQuery);


+ Open templates/ja_nuevo/css/custom.css file

find and change


.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
background: #fff ;
}


to


.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
background: transparent ;
}

.navbar-fixed-top.scroll {
background: #fff ;
}


Regards

1 user says Thank You to Ninja Lead for this useful post

1. imported_speterman

[Author]

Posts