Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 14, 2017 at 12:24 am #777589
    Phenomedial

    Cheers guys,

    I know there are several threads around here, but none really fits to my problem.

    I want to change the logo in the shrinking header. This is the page —> http://boomex-germany.com.w01598c1.kasserver.com/

    As you can see, the header shrinks and the small logo (red flame) is only left. I placed the small flame as background-image in the menue via css. But I want the small logo only to appear, when the header shrinks. Maybe there is any css command to make images appear when the header shrinks and vanishes when you see the “normal” header? I know the method I did is really fiddled and not that professional :D

    I played a little bit with the avia.js but trust me, I have no clue what I’m doing in the avia.js file :D This night was just trial and error…

    I really look forward to your answers :)

    April 14, 2017 at 12:29 am #777593
    Jordan Shannon

    Hey Phenomedial,

    Try adding the following to quick css:

    .header-scrolled .logo a img {
    visibility: hidden;
}
.header-scrolled .logo a {
    background: url(_SCROLLED_LOGO_URL_HERE_) no-repeat top center;
}

    Best regards,
    Jordan Shannon

    April 17, 2019 at 8:44 am #1091860
    Jamsta

    Hi Jordan,

    This code doesn’t seem to work for version 4.5.5 – is there a variant needed in code for the new version of Enfold?

    Any information appreciated.

    April 18, 2019 at 4:58 am #1092239
    Rikard

    Hi Jamsta,

    Where can we see the results you are getting?

    Best regards,
    Rikard

    April 18, 2019 at 5:08 am #1092251
    Jamsta

    Hi Rikard

    Simple site is here: https://hivesolar.com.au/

    The replacement logo doesn’t show at all using the code above, but on an older version the exact code did work. Just wondering if there is something I’m missing?

    regards
    Jamsta

    April 20, 2019 at 8:36 am #1092879
    Nikko

    Hi Jamsta,

    The reason it’s not showing is because the url is wrong (see private content).
    I have added a link that’s correct.

    Best regards,
    Nikko

    April 23, 2019 at 12:42 am #1093446
    Jamsta

    Thanks Nikko… I cannot see the (private content) – I am a bit seedy from a long weekend, so hopefully it’s starring me in the face???

    Regards
    Jamsta

    April 24, 2019 at 3:24 pm #1094015
    Victoria

    Hi Jamsta,

    Here is what was in private content:

    fetched url: https://hivesolar.com.au/hivesolar.com.au/wp-content/uploads/2019/04/Favicon-50×50.png
    correct: https://hivesolar.com.au/wp-content/uploads/2019/04/Favicon-50×50.png

    Best regards,
    Victoria

    April 26, 2019 at 12:46 am #1094562
    Jamsta

    Thanks so much Victoria, much appreciated.

    the “correct” url path is what I had, so I’m not sure why the “fetched” version is showing a double instance of the domain url, but, thanks again, I’ll correct that.

    Regards
    Jamsta

    • This reply was modified 5 years, 7 months ago by Jamsta.
    April 26, 2019 at 9:04 am #1094656
    Nikko

    Hi Jamsta,

    We’re glad that we could help.
    Let us know if you need further assistance.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.