Okay
  Public Ticket #1643532
Different logo version on scroll down
Closed

Comments

  •  6
    Mercer_Design started the conversation
    July 16, 2018 at 3:37pm

    Hi there, how can I get a 'full logo' to display on page load and then when the page is scrolled down, a different version of the logo is displayed?

    I want it to shrink like 'Header Resize On Scroll' but also display a different logo ie. a stacked logo of 75 pixels high is shown first and then on scroll,  display a long version of the logo which is 47 pixels high. Is this possible at all? Thanks!

  •  3,030
    Andrew replied
    July 16, 2018 at 8:33pm

    Hey there,

    Thanks for reaching in,

    I'm afraid this is not possible via the options you have. It would require a bit of customization which is beyond the scope of our support.

    Regards

  •  6
    Mercer_Design replied
    July 17, 2018 at 3:45pm

    Hi Andrew, 

    How does the home-portfolio-eyecandy example work then? That goes from transparent (with white logo) to a smaller, solid background with a dark version of the logo? I think this effect is kind of what I'm needing!

    Thanks :)

  •  3,030
    Andrew replied
    July 17, 2018 at 8:36pm

    Hey there,

    Thanks for reaching in,

    That effect is related to the color of the background. So if it scrolls past a darker background the lighter version of the logo is used and vice versa. Navigate to Salient > Header navigation > Transparency. Set Use Transparent Header When Applicable? to ON then scroll down to Header Inherit Row Color and click on that checkbox and save.

    Hope this helps,

    Regards

  •  6
    Mercer_Design replied
    July 18, 2018 at 9:00am

    Thanks Andrew, will give it a try! Am I able to have this as well as the header secondary navigation (as in my other post)? :)

  •  75
    Scott replied
    July 18, 2018 at 9:34am

    Hey Mercer_Design,

    Thanks for reaching in,

    Yes you are. Please have a go at it and get back to us,

    Regards

    Themenectar Support Team

  •  6
    Mercer_Design replied
    July 18, 2018 at 1:19pm

    Hi Scott,
    I have tried this and although the logo changes from one to another, the height of the navigation bar does not (like in the Portfolio Eyecandy demo). What am I missing to achieve this? Thanks!

  •   Mercer_Design replied privately
  •  9,001
    Tahir replied
    July 18, 2018 at 1:29pm

    Hey Again,

    See Screenshot : http://prntscr.com/i9h8j7 . You need to turn on the Header Resize Option  or Switch to the new Material Skin . 

    Be.st

    ThemeNectar Support Team 

  •   Mercer_Design replied privately
  •  9,001
    Tahir replied
    July 19, 2018 at 10:23am

    Hey Again,

    That is the Transparency Header. 

    Please have a look at this Article :Header Logo Not Showing | Cant Change Demo Logo.

    Best

    ThemeNectar Support Team 

  •  75
    Scott replied
    July 19, 2018 at 10:24am

    Hey there,

    Thanks for reaching in,

    Might be a caching issue. Seems to work fine now,

    Regards

    Themenectar Support Team