COMMUNITY FORUM

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

Start
Prev
1
Next
End

Isaias Ortiz
Topic Author
Offline
New Member

9 years 6 months 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
Offline
Platinum Member

9 years 6 months 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
Topic Author
Offline
New Member

9 years 6 months 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
Offline
Platinum Member

9 years 6 months 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.

Start
Prev
1
Next
End