Menu/Header Problems in Safari & Chrome

[littlefishweb]

In Safari desktop, client experiences displacement of the logo and menu, in both your demo and our development site. Others with desktop Macs, and my experience with iPhone and iPads are fine. See attached images for demo and dev screen shots.

In Chrome, even with new update, the first dropdown menu of the dev site is hidden behind the product or blog category index. I’ve switched up the dropdowns, and whichever dropdown is in that first position gets hidden. There isn’t an issue with your demo.

The dev site does not have menu irregularities in Firefox or Explorer.

Any help you could give would be greatly appreciated. Let me know if you need to get inside.

[Melanie – SUPPORT]

Hey there, could you check if this thread covers the same issue?
http://support.swiftideas.net/forums/topic/menu-freaking-out/
I think it’s the same issue and it would be great if you could tune in there so we can help you all at once 🙂

[littlefishweb]

You told me to start a new ticket…

We’ll try the CSS adjustments suggested in the other post, but my developer has been looking into it and thinks the safari error is in between lines 326 – 371 of the themes/neighborhood/js/function.js, and has to do with WooCommerce.

Thanks,
Marjorie

[littlefishweb]

Hello, We tried adding this css. And it did not fit the problem.

nav .menu > li.shopping-bag-item ul.sub-menu {
-webkit-backface-visibility: hidden;
}
.home-slider-wrap{z-index:1;}

We think the problem is in this file.
http://lkdemo.info/wp-content/themes/neighborhood/js/functions.js

Line 363
jQuery(this).find(‘ul.sub-menu’).first().addClass(‘show-dropdown’).css(‘top’, menuTop);

Line 368
jQuery(this).find(‘ul.sub-menu’).first().removeClass(‘show-dropdown’).css(‘top’, menuTopReset);

Line 381
jQuery(this).find(‘ul.sub-menu’).first().addClass(‘show-dropdown’).css(‘top’, subMenuTop);

When the script adds or removes classes, I think the widths are wrong from lines 339 – 356.

Can you please help us troubleshoot? The error is very evident in the latest version of Safari. I’m on win 7.

Thank you

[Melanie – SUPPORT]

I’ll ask another support staff to chime in, thanks!

[littlefishweb]

Thanks. BTW – we fixed the Chrome issue by adjusting the z-index to the nav submenu

nav .menu ul.sub-menu li {
z-index: 1; (from 42)

nav .menu ul.sub-menu {
z-index: auto; (from 9995)

[littlefishweb]

Just fyi, we are still having the problem in safari

[laranz – SUPPORT]

Hi,

If this is happen in our demo means, I will forward this to the developer.

Thanks,
laranz.

[Swift Ideas – Ed]

I think we’ve fixed this with the next update. I’ll keep an eye in this incase this isn’t the case!

– Ed

[LaLinda]

Hi, I’m having the same problem (see enclosed pic), are you any closer to figuring this out?

[Swift Ideas – Ed]

@LaLinda – what theme version are you using?

– Ed

[LaLinda]

Version 1.68. The dropdown also ends up behind the “new” bar.

[Swift Ideas – Ed]

Can you provide a link so that I can check? Not seeing these issues here.

– Ed

[LaLinda]

This reply has been marked as private.

[LaLinda]

On the category pages the menu is above the images but below the banner. On product pages it’s below the image.