Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 29, 2014 at 2:19 am #342520
    Pointbreakd

    Hi,

    I’d like to remove the menu bar line, but have it appear when the user scrolls down. Is there some CSS for this?

    October 29, 2014 at 9:44 pm #343007
    Yigit

    Hi Pointbreakd!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled nav.main_menu {
opacity: 1;
}
nav.main_menu {
opacity: 0;
}

    Best regards,
    Yigit

    October 30, 2014 at 2:30 am #343169
    Pointbreakd

    Thanks, that didn’t work — it removed all the menu bar items (also a good trick to have). I want to remove the separator line until you scroll down.

    Thanks.

    October 30, 2014 at 2:37 am #343176
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .header-scrolled #header_main {
border-bottom: solid 1px #e2e2e2;
}
#header_main {
border-bottom: none;
}

    Regards,
    Yigit

    October 30, 2014 at 3:47 am #343217
    Pointbreakd

    Excellent! One more thing, is there a way to move the logo down just a touch?

    October 31, 2014 at 4:45 pm #344129
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed

    strong.logo {
position: relative;
top: 3px;
}

    Regards,
    Yigit

    October 31, 2014 at 7:56 pm #344297
    Pointbreakd

    Thanks. That works, but now the logo hangs over the bar when it scrolls. Kind of a cool effect, but I probably want it to stay above the line. Any way to fix that?

    Thanks again — great support!
    Dan

    November 3, 2014 at 8:31 am #345151
    Ismael

    Hi!

    Please add this below:

    .header-scrolled strong.logo {
position: relative;
top: -1px;
}

    Regards,
    Ismael

    October 25, 2016 at 11:46 pm #704058
    PabloStennett

    Yigit! I’ve used the code below to hide the menu, but I also want to hide the logo the same way (so it appears in the line w/ the menu only when someone scrolls.) is there some quick CSS for this?

    So, I’ve already added:

    .header-scrolled nav.main_menu {
    opacity: 1;
    }
    nav.main_menu {
    opacity: 0;
    }

    .header-scrolled #header_main {
    border-bottom: solid 1px #e2e2e2;
    }
    #header_main {
    border-bottom: none;
    }

    October 26, 2016 at 12:32 am #704064
    Yigit

    Hey!

    Please change the code to following one 

    .header-scrolled nav.main_menu, .header-scrolled .logo img {
opacity: 1;
}
.logo img,nav.main_menu {
opacity: 0;
}

.header-scrolled #header_main {
border-bottom: solid 1px #e2e2e2;
}
#header_main {
border-bottom: none;
}

    Maybe you would like to display header when scrolled down like this demo site – http://kriesi.at/themes/enfold-one-page-portfolio/? If so, please edit your page and choose that option in “Header visibility and transparency” section.

    Regards,
    Yigit

    October 26, 2016 at 12:44 am #704067
    PabloStennett

    Hi, yes, I’d like to do what the Enfold one page demo does. Where exactly is “Header visibility and transparency” located? Is this a tab? I don’t see any labeled that.

    Pasting in the code you gave me just gives me a big blank white margin with no logo or menu. So I took it out again as it didn’t work.

    Thanks!

    October 26, 2016 at 1:02 am #704069
    Yigit

    Hi!

    Please edit your page and find it on the right side under Layout section – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/

    Best regards,
    Yigit

    October 26, 2016 at 1:15 am #704072
    PabloStennett

    This worked beautifully. Thank you, Yigit! You can close this convo. Thanks for the recommendation on the one page demo. That’s exactly what I was trying to replicate.

    Jessica

    October 26, 2016 at 1:55 am #704082
    Yigit

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Please consider reviewing Enfold on ThemeForest if you have not already :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Remove menu bar line until scroll’ is closed to new replies.