Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 17, 2021 at 2:27 pm #1281744
    alanlodge

    hello
    I have arranged for header / menu to hide and show on scrolling down. On home page > Page layout > Header settings > Display header when page is scrolled.
    This works fine. However, as another refinement, I would like the header to be semi-transparent when it is unhid on scrolloing down.

    Having adoped the hide settings, have been to the enfold > header > transparenncy options, but seems ineffective and doesn’t have any effect.
    Have search and tried to apply verious CSS but nothing I have found works! Please advise if you can. Perhaps can’t be done, because in dropdown , i am asked to choose between hide scrool OR transparency. My thanks.

    February 17, 2021 at 4:30 pm #1281787
    Guenni007

    it is in deed the fact that it is a bit transparent ( opacity: 0.95)
    just change for those pages the .header_bg option with quick css:

    .home .header_bg {
 opacity:0.5;
 filter:alpha(opacity=50);
}

    it maybe neccessary to have here an !important – but first try it without

    February 17, 2021 at 6:42 pm #1281853
    alanlodge

    worked first time … my thanks for help

    February 18, 2021 at 2:04 am #1281910
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    February 18, 2021 at 2:35 am #1281920
    alanlodge

    no, all fine. thank you xx

    February 19, 2021 at 6:40 am #1282131
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘scroll hide AND transparent header, is this possible?’ is closed to new replies.