Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 23, 2015 at 10:37 pm #491925
    jonasnapier

    Hello

    Is there a way to keep the menu visible when scrolling?

    August 24, 2015 at 4:23 pm #492332
    Elliott

    Hi jonasnapier!

    Navigate to Dashboard > Enfold > Header and set the header to “sticky”.

    Best regards,
    Elliott

    August 27, 2015 at 8:53 am #493961
    jonasnapier

    Hello again

    I would like the header content (my logo) to scroll but keep the menu visible when you are down on the page

    This site does it: http://www.majbrittlund.dk/

    August 27, 2015 at 1:05 pm #494088
    Josue

    Hi!

    Not possible with the default header menu but you can do that with the FullWidth Submenu element, there’s an option to make it “sticky”.

    Regards,
    Josue

    March 3, 2016 at 12:49 pm #592587
    thomashutton

    Hi,

    i’m trying to do the same thing but I can’t work out how to do it with the full width submenu (which doesn’t seem to have a “sticky” option).
    Is there a way to alter the php to keep the main menu sticking independently of the logo (which I want to disappear as I scroll down).

    Cheers
    Thomas

    March 3, 2016 at 6:49 pm #592792
    Josue

    Hey Thomas!

    Separating the default menu from the logo is possible but it would require an extensive modification as it also involves .js files, in my opinion using the sticky option in the FWD submenu is more convenient – http://screencast.com/t/hA8TjDO9x3

    Cheers!
    Josue

    March 3, 2016 at 7:27 pm #592835
    thomashutton

    Thanks Josue,

    I see what you mean. It is a bit of a bore to apply this to every page though and then style it all, or is there is a way I can get it to inherit the styling form my main menu?

    Or else, what about if I removed the logo section and placed a div for an image above the whole header? Or would that mess up the sticky header code (which I would want my main menu to retain?)

    Thanks again, Thomas

    March 3, 2016 at 7:44 pm #592860
    Josue

    Hey Thomas!

    It could work, you’d need to replicate this structure in your child theme:

    • header.php
    • includes/helper-main-menu.php (edit this)

    Try placing the static logo div outside the header tag, also i’d suggest doing this mod only for the desktop version, for example, the following disables the default logo on desktop only:

    @media only screen and (min-width: 767px) {
.container.av-logo-container {
    display: none;
}
}

    Regards,
    Josue

    March 3, 2016 at 10:51 pm #592982
    thomashutton

    Thanks for that Josue.

    It wasn’t really behaving like i hoped when I added a div outside the header tag so instead I placed it after the sub_menu div in helper-main-menu.php (

    That seems to have done the trick.

    Cheers.
    Thomas

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Sticky menu but not sticky logo/header’ is closed to new replies.