Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 11, 2015 at 5:57 am #426909
    stefaniesomers

    Hi guys,

    Got a question. When using the “Transparent & Glassy Header” option in Enfold is it possible to have NO logo when the menu bar is in top, Transparent mode, but have the normal, logo appear when the user scrolls and the “Glassy” header appears? I tried removing the standard logo from the system and only leaving the “Transparency Logo”, but this doesn’t seem to work; it defaults back to a combination of the Transparency logo and the Enfold logo. Is there a hack or some CSS that will accomplish this?

    Thanks so much!!

    Stefanie

    PS: By the way, I noticed while working with this that the header option “Header is invisible and appears once user….” does not seem to work on an iPad Air 2 in iOS 8 in either Safari or Chrome. That would be my other option here, but….

    April 13, 2015 at 4:55 am #427277
    Ismael

    Hey stefaniesomers!

    Thank you for using Enfold.

    You can add this to the Quick CSS field:

    strong.logo.bg-logo {
  display: none;
}

.header-scrolled strong.logo.bg-logo {
  display: block;
}

    Regards,
    Ismael

    April 13, 2015 at 3:58 pm #427539
    stefaniesomers

    Hi Ismael,

    Thanks so much! I must be doing something wrong here though … Code inserted, transparency logo removed. The theme is now pulling the regular logo in place of the transparency logo.
    I’ve even tried pulling ALL the logos out, but I’m getting some sort of system lag there, and I’m still seeing the main logo. That may change, I presume, but the code definitely seems to not be working correctly – unless I’ve missed something. Any ideas?

    Update: the theme did update to “no logo” when I pulled out the main logo as well, but I cannot get it to show the main logo on scroll, but no logo on load, when in the topmost position – which would normally be showing the transparency logo (which has been removed from the system)

    Thank you!

    April 14, 2015 at 8:26 am #428043
    Rikard

    Hi!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    April 14, 2015 at 11:36 am #428137
    stefaniesomers
    This reply has been marked as private.
    April 15, 2015 at 7:01 am #428707
    Rikard

    Hey!

    I’m having trouble logging in with those details, could you check please?

    Cheers!
    Rikard

    April 15, 2015 at 2:55 pm #428954
    stefaniesomers

    So sorry Rikard, don’t know what happened. Try again?

    April 16, 2015 at 7:35 am #429368
    Rikard

    Hi!

    Login working now, thanks. Please try the following in Quick CSS under Enfold–>General Styling:

    strong.logo{
display:none;
}

.header-scrolled strong.logo{
display:block !important;
}

    Cheers!
    Rikard

    April 20, 2015 at 7:03 pm #431518
    stefaniesomers

    Thank you Rikard!!! That one did the trick PERFECTLY!!

    Loving Enfold, and y’all’s awesome support!

    Stefanie

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Transparent & Glassy Header – Remove logo for Transparent portion of mode?’ is closed to new replies.