Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 10, 2021 at 10:30 pm #1271394
    berndklare

    Before scrolling my header is transparent and should not have any borders.
    What I want is a a bottom (not above) border to appear as soon as I start scrolling.

    Border should be 1px, and color #d5a369.

    Site: https://www.ensemblerex.no/

    January 11, 2021 at 8:54 am #1271521
    Nikko

    Hey berndklare,

    Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    .html_header_top.html_header_sticky #header {
    border-bottom: 1px solid #d5a369;
}

.html_header_top.html_header_sticky #header.av_header_transparency {
    border-bottom: none;
}

    Best regards,
    Nikko

    January 11, 2021 at 1:31 pm #1271586
    berndklare

    Perfect! This worked!

    Is it possible to make the border fade in with the same speed as the header background color? The way it is now the header background color smoothly fades in, but the line just suddenly appears.

    January 11, 2021 at 2:14 pm #1271593
    Nikko

    Hi berndklare,

    Please remove the code I gave before and use this one instead:

    .html_header_top.html_header_sticky #header {
    box-shadow: 0 0 0 1px #d5a369;
    transition: box-shadow 0.7s linear;
}

.html_header_top.html_header_sticky #header.av_header_transparency {
    box-shadow: none;
}

    Hope it helps.

    Best regards,
    Nikko

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