Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 28, 2015 at 9:44 pm #526411
    jordandsa

    Hi everyone,

    I’m using the transparent header, but when I scroll, the background of the header does not stay transparent. I’d like to be able to keep the header transparent on scroll. How do I achieve this, and can I do it ONLY for the homepage?

    Is this possible?

    Thanks,
    Jordan

    * Designing a site on my local machine.

    October 29, 2015 at 5:08 am #526519
    Dake

    Hi Jordan!

    May we have a link to your website so we can provide you with the appropriate css?

    Best regards,
    Dake

    October 29, 2015 at 6:20 am #526525
    jordandsa

    I am building it locally. It’s not online yet.

    October 29, 2015 at 6:24 am #526526
    Dake

    Hey!

    In that case, may we have a screenshot of both menu states (scrolled and unscrolled)?

    Cheers!
    Dake

    October 29, 2015 at 6:54 am #526537
    jordandsa

    I’d love to supply screenshots, but there’s no option here to attach them. How do I do that?

    Cheers!
    Jordan

    October 29, 2015 at 6:57 am #526540
    Dake

    Hi!

    You can upload your screenshots to free image hosting services like imgur, dropbox etc.

    Then link directly to them in your post.

    Regards,
    Dake

    October 29, 2015 at 8:46 pm #527129
    jordandsa

    I’ve shared a dropbox link to screenshots in the private section. You’ll see the transparent header, then the same page is scrolled down and the header is white. I’d like it to remain transparent. And if it’s possible to do this ONLY on the homepage, that would be great. The other pages I’d like normal theme operation. Thanks so much!
    Cheers!
    J

    October 30, 2015 at 5:45 pm #527583
    Yigit

    Hey!

    Please refer to Josue’s post here – https://kriesi.at/support/topic/glassy-transparent-header/#post-310605
    And then add following code to Quick CSS in Enfold theme options 

    #header.header-scrolled { background-color: white; }
.home #header.header-scrolled { background-color: transparent; }

    Make sure to activate shrinking header in Enfold theme options > Header > Header Behaviour

    Regards,
    Yigit

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