Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 27, 2020 at 7:00 pm #1178759
    ianguest71

    HI

    A gap seems to have appeared above my transparent header when I scroll down the page.
    https://drive.google.com/file/d/1oAU2TXQlDV0hDt1teBGWvSGAsys_dyDI/view?usp=sharing

    I do already have some CSS code which I think that I think relates to the header:

    .main_color {
    border-color: transparent !important;
    }

    #menu-item-search {
    display: none;
    }

    .menu > li > .sub-menu {
    top: 110px !important;
    }
    .header-scrolled .menu > li > .sub-menu {
    top: 75px !important;
    }

    Can you advise me how to fix this please.

    Ian

    January 28, 2020 at 8:53 am #1178905
    Rikard

    Hey Ian,

    Thanks for the screenshot, could you post a link to the page in question as well so that we can take a closer look please?

    Best regards,
    Rikard

    January 28, 2020 at 10:22 am #1178931
    ianguest71

    Hi

    Home

    Ian

    January 28, 2020 at 10:30 pm #1179228
    Victoria

    Hi ianguest71,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.html_header_top.html_header_sticky #header {
    top: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 29, 2020 at 1:57 pm #1179423
    ianguest71

    Hi

    That looks like it has worked, many thanks.

    Ian

    January 29, 2020 at 5:35 pm #1179486
    Yigit

    Hi,

    Glad Victoria could help :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Gap above transparent header’ is closed to new replies.