Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 19, 2014 at 11:27 pm #306561
    mattmosman

    Hello…I would like to make my ubermenu “sticky” in enfold. Currently the menu is embedded in a code block within a color section (on all pages). Basically just want it to always appear at the top (like the logo) as I scroll down pages. Any quick CSS would be greatly appreciated

    August 21, 2014 at 5:23 am #307161
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (min-width: 767px) {
div#ubermenu-section {
    position: fixed;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}
.header-scrolled + #main div#ubermenu-section{
    top: 61px;
}
}

    Cheers! 
    Josue

    August 21, 2014 at 2:11 pm #307354
    mattmosman

    Thank Josue…this worked very well except for one thing. When I entered the code the menu does become sticky but now the page headings are partially blocked out. Click on any submenu link and you will see at the top of the page that half of the page title is blocked out. Any suggestions? Thanks in advance.

    August 21, 2014 at 5:33 pm #307460
    mattmosman

    Disregard my last post…adding a whitespace underneath took care of the problem. Thanks again!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Make main menu sticky’ is closed to new replies.