Menu in middle of page

  • Resolved plaine

    (@plaine)


    7 years ago

    I’m having a devil of a time getting a menu in the middle of my page to stick, but as I understand the plugin, it should work, correct?

    The link is https://dry85.com/?theme=annapolis&passkey=102072252759ea1dfe97ae1 and the menu that I want to stick is the submenu under the “Menu” section. It contains Beverage Menu, Food, Bacon Brunch and Happy Hour. I want that menu to stick to that section, so that when you’re scrolling down through the menu, you can hop around using that navigation.

    I’ve been banging my head against the wall for a couple of hours, so thought I’d post here to see if anyone can set me straight. Thank you.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Senff

    (@senff)

    Hi, thanks for trying my plugin!

    One quirk with CSS is that an element set as sticky (using position: fixed) will not be placed properly if any of it’s parent elements has a transform property attached to it. This is also the case with your site, where #page-content has that.

    I can’t say why the element has that property (I’m not familiar with all the ins and outs of the theme), but you can avoid that by adding this to your CSS:

    
#page-content {
    -webkit-transform: translate3d(0, 0, 0);
}

    That should make your menu sticky — but it’s worth checking if it doesn’t break any other functionality in your theme.

    Please let me know if that helps!

    Thread Starter plaine

    (@plaine)

    Perfect, thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu in middle of page’ is closed to new replies.