custom modification WordPress
- SOLVED
Hi there,
I bought a theme, CRIUS from ThemeGoods, and i would like some modifications made so that when visiting the website the menu will open at start instead of the standard mouseover feature.
Some people say they can't find the menu, and i think with this custom modification the problem is solved.
EXTRA:
After opening for a few seconds it can close automaticly again.
It's just for people to see that there is a menu
Answers (4)
Dbranes answers:
<strong>updated</strong> answer according to
<blockquote>EXTRA:
After opening for a few seconds it can close automaticly again.
</blockquote>
you could try this:
open the file:
wp-content/themes/crius/js/custom.js
and before the code
$j('#thin_nav').mouseenter(
function() {
setTimeout(function() {
$j('#nav_wrapper').animate({"right": "0px"}, { duration: 300 });
$j(this).css('display', 'none');
}, 300);
}
);
$j('#nav_wrapper').mouseleave(
function() {
$j(this).animate({"right": "-250px"}, { duration: 300 });
$j('#thin_nav').css('display', 'block');
}
);
you could add
$j('#nav_wrapper').css('right', '0px');
$j('#thin_nav').css('display', 'none');
setTimeout(function() {
$j('#nav_wrapper').animate({"right": "-250px"}, { duration: 300 });
$j('#thin_nav').css('display', 'block');
}, 5000);
where 5000 is the time (in milliseconds) before the menu is closed again.
Gregory Simons comments:
Nope didn't work
Gregory Simons comments:
Well it did work.
It's exactly what I mean but when the menu collapses it does not work/come back again
Dbranes comments:
ok, and you still have the mouse code in there?
This code works for me (I changed the delay from 5000 to 10000) and the mouse-enter and mouse-leave code works also on my test site.
Here is my modified code:
// cut above ...
$j(document).ready(function(){
$j(document).setNav();
// begin modify:
//
$j('#nav_wrapper').css('right', '0px');
$j('#thin_nav').css('display', 'none');
setTimeout(function() {
$j('#nav_wrapper').animate({"right": "-250px"}, { duration: 300 });
$j('#thin_nav').css('display', 'block');
},10000);
//
// end modify
$j('#thin_nav').mouseenter(
function() {
setTimeout(function() {
$j('#nav_wrapper').animate({"right": "0px"}, { duration: 300 });
$j(this).css('display', 'none');
}, 300);
}
);
$j('#nav_wrapper').mouseleave(
function() {
$j(this).animate({"right": "-250px"}, { duration: 300 });
$j('#thin_nav').css('display', 'block');
}
);
// cut beneath ...
Gregory Simons comments:
Sorry i replaced the code instead of adding it.
It works.
This is exactly what I mean/needed
Dbranes comments:
ok great ;-)
Gregory Simons comments:
where can i sellect you as the winner?
Dbranes comments:
there should be a link under the question above called:
"Vote to award prize"
Gregory Simons comments:
ok done
Thanks a lot
Pixel Coder answers:
Is this something you want to have editor on-site or advice given here?
I can do this for you...
Feel free to send further details e.g. login, urls, request to my place here and can take it from there.
Gregory Simons comments:
i want the modification on the site
Abdelhadi Touil answers:
Hi.
I can help you. I you want send me the theme package and I'll make the modifications for you, or let me access to the website via FTP.
Modification will be in the js/custom.js file, in the theme folder (crius/js/custom.js), and maybe also in other file(s).
Good luck.
