-
AuthorPosts
-
April 11, 2015 at 5:57 am #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….
- This topic was modified 9 years, 7 months ago by stefaniesomers.
April 13, 2015 at 4:55 am #427277Hey 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,
IsmaelApril 13, 2015 at 3:58 pm #427539Hi 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!
- This reply was modified 9 years, 6 months ago by stefaniesomers.
April 14, 2015 at 8:26 am #428043Hi!
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
RikardApril 14, 2015 at 11:36 am #428137This reply has been marked as private.April 15, 2015 at 7:01 am #428707Hey!
I’m having trouble logging in with those details, could you check please?
Cheers!
RikardApril 15, 2015 at 2:55 pm #428954So sorry Rikard, don’t know what happened. Try again?
April 16, 2015 at 7:35 am #429368Hi!
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!
RikardApril 20, 2015 at 7:03 pm #431518Thank you Rikard!!! That one did the trick PERFECTLY!!
Loving Enfold, and y’all’s awesome support!
Stefanie
-
AuthorPosts
- The topic ‘Transparent & Glassy Header – Remove logo for Transparent portion of mode?’ is closed to new replies.