Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #426909

    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….

    #427277

    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

    #427539

    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!

    #428043

    Hi!

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

    Regards,
    Rikard

    #428137
    This reply has been marked as private.
    #428707

    Hey!

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

    Cheers!
    Rikard

    #428954

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

    #429368

    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

    #431518

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

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

    Stefanie

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.