• Hi, and thank you for this great plugin.

    I use it for my top menu. My question is, is there a way to make the page content start at the top of the page too, rather than after the menu?

    At the moment, my menu is stuck at top:0 and takes 50px of height. The rest of the page therefore starts at top:50px. I would like them both to start at top:0, so that the sticky menu can overlay the hero image that starts my page. Instead, the menu starts on white background.

    I could give a negative margin-top to my #content, but that doesn’t seem clean…

    Does that make sense?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi!

    I’m not entirely sure what you mean by your question to be honest. Do you want your menu to be sticky at the screen right away, and the rest of the page to be (slightly) overlapped by that?

    If you can show me an example (or a link to your site) that would help a lot.

    Also, there is absolutely nothing wrong with setting a negative margin on an element. It is a 100% valid and acceptable way of moving something up, so if that works for you, why not? 🙂

    Thread Starter gaetan3

    (@gaetan3)

    Thank you for your reply. Yeah I know my message is confusing!

    Basically right now I have my menu at the top of the page, on white background, and only after that a hero image. I would like to know if there’s a way to make them both overlap and start at the same position (very top of the page), rather than the menu first and then the image.

    In other words, does a sticky menu have to have an initial space allocated to it at the top of a page before overlapping content on scroll, or can it overlap content from the very beginning?

    The problem with setting a negative margin to my content is that it creates a jitter effect on loading.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page content to start with menu, not after?’ is closed to new replies.