I think there may be a bug with the "Centered Logo Between Menu" Header Layout?
I actually see the error where the menu items get hidden behind the logo (images attached for example). However, once you refresh the page - it all loads normally.
I've seen this on Windows (Chrome) and macOS (Chrome, Safari) - Haven't tried any other browsers.
Are you able to assist with what might be causing the issue?
Hey , If you have Page Transitions Turned On Please Switch the Animated Transition Method to "Standard" in Salient Theme Options -> Page Transition Section. Also be sure to check/uncheck this Disable Fade Out On Click option : http://prntscr.com/8f3bj7 Thanks
I have the same issue but just sometimes. It usually goes away when I reload the page. I couldn't figured out what is causing this yet as it doesn't happen really often. I thought maybe the JS that is applying a margin of the width of the logo (+40px) could be responsible but I can't reproduce the issue anymore so I can't check if there is a problem with the JS... Hope that will help !
I believe I have a partial / temp solution until the devs have a chance to really get under the hood.
Unfortunately it requires editing a JS file in the Salient theme folders.
via file: salient/js/init.js line 7819, variable '$centerLogoWidth'... for the moment I just hardcoded this w/the exact width of my logo instead of using the equation.
Then on the next line when you see the same variable:
First load of the website on Safari no longer shows the menu walking on the logo... but if you reload a few times it slowly begins to separate (oddly). For now this is a 'good enough' fix as I know most of our users don't refresh the site during their visit... still need a fix though! :)
btw... kill the '+40' was just a personal preference (it's not necessary)... the fix is to hardcode the variable $centerLogoWidth
Hello!
I think there may be a bug with the "Centered Logo Between Menu" Header Layout?
I actually see the error where the menu items get hidden behind the logo (images attached for example). However, once you refresh the page - it all loads normally.
I've seen this on Windows (Chrome) and macOS (Chrome, Safari) - Haven't tried any other browsers.
Are you able to assist with what might be causing the issue?
Cheers
Jinal
Hey ,
If you have Page Transitions Turned On Please Switch the Animated Transition Method to "Standard" in Salient Theme Options -> Page Transition Section.
Also be sure to check/uncheck this Disable Fade Out On Click option : http://prntscr.com/8f3bj7
Thanks
ThemeNectar Support Team
Hi Tahir!
Thanks for the awesomely swift response!
The Animated Transition Method was already on "Standard"; and the Disable Fade Out On Click was "Unchecked".
So I tried:
No Luck
No Luck
No Luck
Cheers
Jinal
Hey Again,
This seems like a known bug . Assigning the Ticket to the Developer so that he may add in a response.
Bes.t
ThemeNectar Support Team
Awesome, thanks!
Hey, I was playing around with this myself; is there a fix here?
Thanks
I have the same issue but just sometimes. It usually goes away when I reload the page. I couldn't figured out what is causing this yet as it doesn't happen really often. I thought maybe the JS that is applying a margin of the width of the logo (+40px) could be responsible but I can't reproduce the issue anymore so I can't check if there is a problem with the JS... Hope that will help !
anything new about a fix? A reload does not work for me, but when i resize the browser window it will suddenly fit!
Still having this issue on safari (version 10.0.2 (12602.3.12.0.1)). Anyone find a solution yet? Even a temp one?
Still having the issue in Safari 10.0.3.
I believe I have a partial / temp solution until the devs have a chance to really get under the hood.
Unfortunately it requires editing a JS file in the Salient theme folders.
via file:
salient/js/init.js
line 7819, variable '$centerLogoWidth'... for the moment I just hardcoded this w/the exact width of my logo instead of using the equation.
Then on the next line when you see the same variable:
...'css({'margin-right': ($centerLogoWidth+40)'...
I ended up killing the '+40'.
First load of the website on Safari no longer shows the menu walking on the logo... but if you reload a few times it slowly begins to separate (oddly). For now this is a 'good enough' fix as I know most of our users don't refresh the site during their visit... still need a fix though! :)
btw... kill the '+40' was just a personal preference (it's not necessary)... the fix is to hardcode the variable $centerLogoWidth
Also having this problem, much thanks @ kevin_ross, that seems to have worked!