Skip to content

Navigation hover-nav problem

Profile photo of jQuery Italia
jQuery Italia
Participant

Hi mate!

I found a problem with new option “Dont make menu automatically open when hover ” in navigation config.
If this checkbox is not checked, in medium and large view dropdown menu don’t work!

So i modified row 352 in /functions/init.php file, this:
if(!isset($firmasite_settings["hover-nav"]) || $firmasite_settings["hover-nav"] != true ) { 
with this code:
if ( isset($firmasite_settings["hover-nav"]) && $firmasite_settings["hover-nav"] == true ) {

and now all works perfectly!

This is for your informations.

Bye.
Davide (admin jqueryitalia.org)

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

First of all, i am so sorry for late response.
Thanks for reporting and providing a solution! I will check it and include it in theme update if necessary. Sorry for your wait again.

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

Uhm, i checked again now but i couldnt reproduce problem :S
Can you check again that hover menu is not working when option is unchecked?

Details
Profile photo of jQuery Italia
jQuery Italia
Participant

Sorry for late response Ünsal, but your email has been recognized as spam and I only saw it today… :-(
I update at last version of Firmasite (1.4.0.2), but the problem persists.

I use a child theme without modification at navbar, but menu on over not working  as you can see to http://www.jqueryitalia.org

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

This is really insteresting. As you can see, its working in our demo:

http://demo.theme.firmasite.com/

What php version are you using? And i see an error in javascript:

Failed to load resource

http://www.jqueryitalia.org/wp-includes/js/jquery/jquery.js.pagespeed.jm.z9hb-Gxqf6.js

 

And btw, can you try to change something in customizer and save settings?
Oh, you are using a custom bootstrap style. Can you try to use a default theme style and check it? Its probably related to this.

Details
Profile photo of jQuery Italia
jQuery Italia
Participant

Uhmmm… I don’t see any javascript error o_O
PHP version is 5.2, I believe.
This afternoon I check and post the correct version 😉

I try to resave the customization option, but menu hover don’t work

Details
Profile photo of jQuery Italia
jQuery Italia
Participant

I try a preview of Firmasite default style, but without solution: menu hover don’t work

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

If your monitor is not widescreen, hover system probably wont activate when left customizer menu is open. When in customizer, there is a small button “Collapse” in left bottom. Try to change theme style to default or something that comes with theme and click that “Collapse” button. Menu should work properly. Please try

Details
Profile photo of jQuery Italia
jQuery Italia
Participant

I tried all your suggestions (thank you for this) but not to do: menu hover don’t work!

So I made ​​a hard debug and I finally found the problem: in firmasite/functions/init .php at line 369 there are this javascript rows:

var $hover_nav_style = "<style id='hover-nav' type='text/css'> ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; margin-bottom: 0; } <?php global $is_IE; if ($is_IE) { ?>.browser_ie ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; } .browser_ie .nav-tabs .dropdown-menu, .browser_ie .nav-pills .dropdown-menu, .browser_ie .navbar .dropdown-menu { margin-top: 0; margin-bottom: 0; }<?php } ?></style>";
var $hover_style_inserted = $("style#hover-nav");
if (visible_md() || visible_lg()){
if(!$hover_style_inserted.length) {

I insert a console.log before second if and result is false!
So I insert style with id hover-nav in my header.php file and now menu hover works!!!!

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

Ah… your one of cache plugin i think, removes bootstrap css link so this code is not working:

$("link#bootstrap-css").after($hover_nav_style);

Hmm, this is indeed plugin conflict but we have to change our approach on this to prevent this type problems but i am not sure what to do because that style had to be between bootstrap and theme’s style.css.

 

Edit: I changed code a little for safety approach. It should work now. Will apply in next update

Details
Profile photo of jQuery Italia
jQuery Italia
Participant

For you information: I don’t use wp cache plugin, but my hosting use pagespeed module 😉

Thanks a lot for your support!

Details
Profile photo of Hendrik
Hendrik
Participant

Hello Ünsal,

I have this problem too. Mouse over doesn’t show the menu.

Is it supposed to be fixed in the current release on WordPress (1.5.0.1) already?

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

Your website link?

Details
Profile photo of Hendrik
Hendrik
Participant

cani.de.pn

Details
Profile photo of Ünsal Korkmaz
Ünsal Korkmaz
Keymaster

For some reason, your dropdown menus missing “dropdown” class in <li> menu elements. I dont know why. You can check our menus working in our demo:
http://demo.theme.firmasite.com/

Details
Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.