We have a visual bug with our logo. The header background is set to transparent initially, then white when it scrolls. The logo appears fine on non-retina screens, but on retina screens the logo disappears on the white background.
The issue appears to be in the directionalNavColorInit() function in nectar-slider.js. This line forces the theme to use the non-retina logo:
We have a visual bug with our logo. The header background is set to transparent initially, then white when it scrolls. The logo appears fine on non-retina screens, but on retina screens the logo disappears on the white background.
The issue appears to be in the directionalNavColorInit() function in nectar-slider.js. This line forces the theme to use the non-retina logo:
$($selector+ ' header#top #logo img:first').clone().appendTo($($selector+ ' header#top #logo .original span'));
I was able to fix by checking for retina first:
if($('.retina-logo:visible').length > 0) {
$($selector+ ' header#top #logo img.retina-logo:first').clone().appendTo($($selector+ ' header#top #logo .original span'));
} else {
$($selector+ ' header#top #logo img:first').clone().appendTo($($selector+ ' header#top #logo .original span'));
}
This seems to work though I haven't tested thoroughly. Please look into this, thank you.
Thank for the Feedback. Will look into it.
Best
ThemeNectar Support Team