Enfold 4: Change Logo when scrolling down to different image - Support

Tagged: logo, scroll, sticky header

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 2, 2017 at 5:25 pm #754427

Shepstar
Participant

Until now I had the logo to change to a different image when scrolling down. I used this CSS:
.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a {
background-image: url(/wp-content/uploads/2017/01/logo-ruff-cycles-transp-2-sm.png);
background-size: contain;
background-repeat: no-repeat;
}

It worked fine until now, but since the update to Enfold 4 this doesn’t seem to work anymore. It just doesnt show anything when you now scroll down.

March 7, 2017 at 8:58 pm #757255

Yigit
Keymaster

Hey Stefan,

Sorry for the late reply!
You are already using a transparent header on your page so you can simply go to Enfold theme options > Header > Transparency Options and upload your transparent logo which will be displayed on page load and in General Settings you can upload the logo you would like to display when scrolled down.

Best regards,
Yigit

October 2, 2020 at 10:32 am #1250001

niguli
Participant

Hi. What if I’m not using a transparent header (#fff). Is it possible?

October 2, 2020 at 5:16 pm #1250156

Victoria
Inactive Moderator

Hi niguli,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

October 3, 2020 at 8:20 am #1250280

niguli
Participant

hi Victoria. I opened this new thread, thanks.

October 4, 2020 at 6:23 pm #1250443

Victoria
Inactive Moderator

Hi niguli,

Great :)

We are closing the thread to avoid confusion.

Best regards,
Victoria
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Enfold 4: Change Logo when scrolling down to different image’ is closed to new replies.