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
4 years 11 months ago #139838 by Isaias Ortiz
Isaias Ortiz created the topic: Logo change on scroll
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.

More
4 years 11 months ago #139839 by Krikor Boghossian
Krikor Boghossian replied the 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;
}

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

  • Isaias Ortiz
  • Isaias Ortiz's Avatar Topic Author
  • Offline
  • New Member
More
4 years 11 months ago #139840 by Isaias Ortiz
Isaias Ortiz replied the 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.

More
4 years 11 months ago #139841 by Krikor Boghossian
Krikor Boghossian replied the topic: Logo change on scroll
You 're welcome Isaias,

I 'm glad I could help :)

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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


Powered by Kunena Forum