Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Logo change on scroll

  • Isaias Ortiz
  • Isaias Ortiz's Avatar Topic Author
  • Offline
  • New Member
More
10 years 2 weeks ago #139838 by Isaias Ortiz
Logo change on scroll was created by Isaias Ortiz
Hello:

I have set the header bar to change from white to black on page scroll, using Matchbox template features.
I would like the logo to change as well from a white background to a black background and white text at the time to match the header background and avoid a logo rectangle.
How can I do this with this template?
You can see the site at: www.cifre.do/a/
Thanks in advance for your answer.

Best regards,

Isaias

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 weeks ago #139839 by Krikor Boghossian
Replied by Krikor Boghossian on topic Logo change on scroll
This can be done with a css snippet.
.fixed-menu .main-header.scrolled .logo img { 
height: 77px;
padding-left: 250px;
background: url(../images/YOUR_INVERTED_LOGO.png) 0 0 no-repeat;
overflow: hidden;
}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Isaias Ortiz
  • Isaias Ortiz's Avatar Topic Author
  • Offline
  • New Member
More
10 years 2 weeks ago #139840 by Isaias Ortiz
Replied by Isaias Ortiz on topic Logo change on scroll
Thank you very much!
It worked like a charm!
An advice for others, image should be transparent or you will see a weird rectangle around your logo.

Thank you, Krikor!

Regards,

Isaias

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 weeks ago #139841 by Krikor Boghossian
Replied by Krikor Boghossian on topic Logo change on scroll
You 're welcome Isaias,

I 'm glad I could help :)

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum