Okay
  Public Ticket #892979
Bug with Centered Logo Between Menu
Closed

Comments

  •  2
    Jinal started the conversation
    September 15, 2016 at 11:23pm

    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

  •  9,005
    Tahir replied
    September 16, 2016 at 12:03am

    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 

  •  2
    Jinal replied
    September 16, 2016 at 12:19am

    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:

    1. Animated Transition Method "Standard"; Disable Fade Out On Click -> "Checked"
      No Luck
    2. Animated Transition Method "AJAX; Disable Fade Out On Click -> "Checked"
      No Luck
    3. Animated Transition Method "AJAX; Disable Fade Out On Click -> "Unchecked"
      No Luck

    Cheers
    Jinal

  •  9,005
    Tahir replied
    September 17, 2016 at 11:23am

    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 

  •  2
    Jinal replied
    September 17, 2016 at 2:37pm

    Awesome, thanks!

  • J replied
    October 3, 2016 at 1:45pm

    Hey, I was playing around with this myself; is there a fix here?

    Thanks

  •  2
    Etienne replied
    October 3, 2016 at 10:02pm

    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 !

  •  2
    RuhrLife replied
    November 14, 2016 at 2:06pm

    anything new about a fix? A reload does not work for me, but when i resize the browser window it will suddenly fit!


  •  3
    Jdavidbeatty replied
    February 2, 2017 at 8:25pm

    Still having this issue on safari (version 10.0.2 (12602.3.12.0.1)). Anyone find a solution yet? Even a temp one?

  • kevin_ross replied
    March 30, 2017 at 2:22am

    Still having the issue in Safari 10.0.3.

  • kevin_ross replied
    March 30, 2017 at 3:25am

    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

  • vt_catamount replied
    April 2, 2017 at 7:24pm

    Also having this problem, much thanks  @ kevin_ross, that seems to have worked!