Home › Forums › ConsultStreet Pro › Change Site Logo on Scroll down

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 11, 2020 at 3:19 pm #8288
    Joe Ripley
    Participant

    Hi,

    I have a site logo that has black text. When i scroll down, my navbar turns white and the logo looks great, however when im at the top of the page, the navbar is transparent black and I can’t see the text of my logo. To resolve this I would like to use two different Logos, one when the navbar is transparent black at the top that has white text, and the normal black text logo when i scroll down.

    How would I achieve the logo changing on scroll down?

    September 12, 2020 at 6:52 am #8320
    themearile
    Keymaster

    Hi Joe Ripley

    Thanks for contacting us.

    Please go to Appearence >> Customize >> Theme Options >> Menu

    Here you can add the different logo for the Sticky Menu Bar

    Let me know if it works.

    Thanks

    September 12, 2020 at 8:23 am #8322
    Joe Ripley
    Participant

    Hi,

    This allows me to set two but the second one is now massive. How do I reduce the size of the logo?

    Thank you.

    • This reply was modified 5 years, 1 month ago by Joe Ripley.
    September 14, 2020 at 5:39 am #8382
    themearile
    Keymaster

    Hi

    Please share your site URL so we can help you better.

    Thanks

    September 14, 2020 at 5:14 pm #8408
    Joe Ripley
    Participant

    Hi,

    Please close. I resolved the issue using your method posted above and then putting some sizing on the class .custom-logo using the additional css options.

    Thank you for the help

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change Site Logo on Scroll down’ is closed to new replies.