Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Menu/Header Problems in Safari & Chrome
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Menu/Header Problems in Safari & Chrome
- This topic has 21 replies, 6 voices, and was last updated 10 years by Mohammad – SUPPORT.
-
Posted in: Neighborhood
-
September 25, 2013 at 2:25 pm #23744
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.
September 27, 2013 at 9:09 am #24111Hey 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 🙂September 30, 2013 at 2:35 am #24395You 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,
MarjorieSeptember 30, 2013 at 4:51 pm #24533Hello, 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.jsLine 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
October 2, 2013 at 9:02 am #24833I’ll ask another support staff to chime in, thanks!
October 2, 2013 at 12:26 pm #24887Thanks. 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)October 2, 2013 at 9:59 pm #25004Just fyi, we are still having the problem in safari
October 3, 2013 at 4:55 pm #25176Hi,
If this is happen in our demo means, I will forward this to the developer.
Thanks,
laranz.October 5, 2013 at 11:25 pm #25467I think we’ve fixed this with the next update. I’ll keep an eye in this incase this isn’t the case!
– Ed
March 31, 2014 at 11:28 am #62735Hi, I’m having the same problem (see enclosed pic), are you any closer to figuring this out?
March 31, 2014 at 1:50 pm #62816@LaLinda – what theme version are you using?
– Ed
March 31, 2014 at 1:59 pm #62819Version 1.68. The dropdown also ends up behind the “new” bar.
March 31, 2014 at 2:17 pm #62831Can you provide a link so that I can check? Not seeing these issues here.
– Ed
March 31, 2014 at 2:19 pm #62833This reply has been marked as private.March 31, 2014 at 2:21 pm #62834On the category pages the menu is above the images but below the banner. On product pages it’s below the image.
-
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.