Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 18, 2015 at 3:57 pm #413692
    gorehalling

    Hi,

    first of all I just want to say that I love Enfold. Really nice work!

    Now to my question:
    Is there a way to make a sticky transparent header which has a background color not flash when I scroll down.

    My goal is to have a transparent coloured sticky header which follows the page when scrolling
    (Example: https://www.spotify.com/se/)

    Thanks in advance!

    March 18, 2015 at 9:54 pm #414003
    Elliott

    Hey gorehalling!

    Try adding this to your custom CSS.

    .header_bg {
  background: red !important;
}

    If that’s not working then send us a link to your page and we’ll take a look.

    Cheers!
    Elliott

    March 19, 2015 at 10:34 am #414255
    gorehalling

    Hi Elliott,

    thanks for your reply! But the code only made the header transparent at first and turned into the color when scrolled down. My wish is to have the header in that color constantly.
    Any other custom CSS that will show the color at all times? :)

    Unfortunately I work on a locally installed version of WP, is there any way that I can send you the page information anyway?

    Thx / gore

    March 20, 2015 at 5:44 am #415028
    Ismael

    Hey!

    Edit the page then set the Header visibility and Transparency to Transparent & Glassy Header. You can adjust the background opacity with this on Quick CSS field:

    #top .av_header_glassy.av_header_transparency .header_bg {
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

    Regards,
    Ismael

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