Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 2, 2019 at 12:38 pm #1115154
    gireeshnair

    Hello
    My header area is not transparent. But i have enabled sticky header . I would like the header to be transparent when scrolled. Or in other words only the sticky header to be transparent.
    Please guide on how to do this

    July 2, 2019 at 4:52 pm #1115228
    Nikko

    Hey gireeshnair,

    Try to edit the page, and on Header visibility and transparency (under Layout) make sure that it is set to Transparent Header.
    Hope this helps.

    Best regards,
    Nikko

    July 4, 2019 at 11:13 am #1115712
    gireeshnair

    Hello
    It will make the header transparent when the page loads. ie, before scrolling. Once starts scrolling it will have a background.
    I want static header on all time .
    Thanks

    July 8, 2019 at 3:45 am #1116536
    Ismael

    Hi,

    Thank you for the update.

    Head on to the Enfold > Header > Header Behavior panel. Make sure that the “Sticky” and “Shrinking” header is enabled. You can then add the following css code to change the background color on scroll and prevent the header from shrinking.

    .header-scrolled.header_color .header_bg {
    background-color: transparent;
}

#header_main .container, #header_main .container .main_menu ul > li a, #header_main .container .main_menu li, #header_main .container .logo a, #header_main .container .logo a img {
    min-height: 85px !important;
    max-height: 85px !important;
    height: 85px !important;
}

    Best regards,
    Ismael

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