Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #526411

    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.

    #526519

    Hi Jordan!

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

    Best regards,
    Dake

    #526525

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

    #526526

    Hey!

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

    Cheers!
    Dake

    #526537

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

    Cheers!
    Jordan

    #526540

    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

    #527129

    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

    #527583

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.