Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 16, 2019 at 8:03 pm #1166558
    beenee

    Hi guys,
    when you scroll down the given page, the logo changes size which is nice and intended.
    In our case it cuts of halve the logo, (Text is hidden which is perfectly OK). How could I accomplish that the logo symbol to the left is just getting half size and not cut in halves? Can I swap the image against another one?

    I checked this post where Yigit gave the instructions I followed:

    Enfold 4: Change Logo when scrolling down to different image

    Our logo has transparent backgrounds (png) and a transparent logo (Header behaviour) is uploaded.
    However it didn’t work, could you help please?
    Best
    Stefan

    December 18, 2019 at 7:51 pm #1167460
    Victoria

    Hey Stefan,

    Did you upload the new logo, the small one that you want to use when the page scrolled?

    Best regards,
    Victoria

    January 6, 2020 at 2:52 am #1170597
    beenee

    Hi Victoria and a happy and wonderful new year to you and everyone in the team!
    I’m sorry I didn’t see a response to my support call and just checked manually.
    I just used the code in the afor mentioned threat(@quick css) and it works!

    .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;
}

    However to quote Yigit (from the above mentioned threat):

    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.

    I tried this, but this wouldn’t work…!
    But never mind… Thanks for all your good work and keep on being that great in the next decade :-) Ticket can be closed.
    Stefan

    • This reply was modified 4 years, 10 months ago by beenee.
    January 6, 2020 at 5:28 am #1170626
    Rikard

    Hi Stefan,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo action / replace when scrolling down replace logo?’ is closed to new replies.