Joomla Templates Club 406,261 posts

[jscarfe Friend jscarfeJoin date: December 2012Posts: 22Downloads:0Uploads:2 Thanks: 13 Thanked: 4 times in 1 posts]

#190421

Hi there,

Is it possible to apply the “mega-dim” effect to other areas of the nav bar, like when the search input box is active?

Thanks in advance!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#505221

Hi jscarfe,

You can apply the mega-dim to Search box on JA Argo template by openning templatesja_argojsscript.js file, then replace lines from 490-498 th:

$('#t3-mainnav .nav > li').hover(function(event) {
if(btnnav.css('display') == 'none' || $(this).closest('.nav').parent().hasClass('head-social')){
if($.inArray(this, retain) == -1){
retain.push(this);
}
clearTimeout ($(this).data('dimTimeout'));
dim.addClass('active');
}
},

with

$('#t3-mainnav .nav > li,#t3-mainnav .head-search').hover(function(event) {
if(btnnav.css('display') == 'none' || $(this).closest('.nav').parent().hasClass('head-social') || $(this).parent().hasClass('head-search')){
if($.inArray(this, retain) == -1){
retain.push(this);
}
clearTimeout ($(this).data('dimTimeout'));
dim.addClass('active');
}
},


Remember to backup your file before applying change.

1 user says Thank You to phong nam for this useful post

1. jscarfe

[jscarfe Friend jscarfeJoin date: December 2012Posts: 22Downloads:0Uploads:2 Thanks: 13 Thanked: 4 times in 1 posts]

#505374

Perfect!

Thanks for your help.

[jscarfe Friend jscarfeJoin date: December 2012Posts: 22Downloads:0Uploads:2 Thanks: 13 Thanked: 4 times in 1 posts]

#505981

Just a quick question,

Is it a lot of work to apply the mega-dim effect to the blank t3 template?

Thanks!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#506012

Hi jscarfe,

Yes. You just need to add the condition to more classes that you want to display mega-dim when hovering like additional red codes above. But, use this effect in suitable areas !

[Author]

Posts