Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 1, 2014 at 12:57 am #285483
    brentd99

    Hi,

    I am trying to create a transparent header similar to the Enfold demo (http://kriesi.at/themes/enfold/homepage/transparent-header/). I have changed the Transparency menu color under header layout > transparency options, but it does not change. The transparent logo works, but when you scroll down there is overlap on the transparent and regular logos. Will you please take a look and let me know if you see what I might be missing?

    Thanks!

    July 1, 2014 at 5:01 am #285542
    Ismael

    Hey brentd99!

    Thank you for using the theme!

    Please use this on Quick CSS or custom.css:

    img.alternate {
display: none;
}

.av_header_transparency img.alternate {
display: block;
}

    Cheers!
    Ismael

    July 1, 2014 at 5:06 am #285545
    brentd99

    Thanks Ismael. This fixed the menu color, but I am still getting logo overlap when your scroll down and the menu changes from transparent to regular.
    Brent

    July 1, 2014 at 5:44 am #285569
    Ismael

    Hi!

    I’m not sure how it affected the menu color. The css is to fix the logo transition. Where did you add the css snippet? I can’t find it on custom.css or Quick CSS (dynamic_avia.css) field.

    Cheers!
    Ismael

    July 1, 2014 at 5:48 am #285571
    brentd99

    Added it to Quick CSS in General Styling section. That is strange that it corrected the menu color, but not logo transition.

    July 1, 2014 at 5:59 am #285572
    brentd99
    This reply has been marked as private.
    July 1, 2014 at 7:00 am #285580
    Josue

    Hi!

    The transparent logo and the normal logo must have the same dimension and location (in the image), take a look at the demo logo for a reference:

    Regards,
    Josue

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