Sticky content covering mega menu

[Phloque]

My apologies for raising this topic because I’m sure its been addressed here before but I can’t find the solution.

I need some help with this test page please - I

test page

When scrolling down the page, the sticky content moves over the nav menu.

I’ve tried putting sticky content into a margin stack with a large top margin. That prevents the sticky content obscuring the nav menu but it does leaves a large gap below the banner when the page opens before scrolling down.

Thanks

[elixirgraphics]

Have a read through this thread.

Be sure to read this post specifically in the thread when you’re reading through the posts:

Sticky Menu Confusion!

I suggest you think hard about this before implementing. You need to think about all users of your website. People still use 13" MBP and smaller laptops or iPads in landscape. On my MBP13, you are using a bit over 26% (186px of 720px) of available browser area for sticky content. I’m sure it’s similar on my iPad in landscape. This makes it very hard to actually view/consume the main content of the site. You know, the content people came to the site to see/read. When my view of the content is th…

[Phloque]

Thanks Adam
Turning off sticky nav did the trick - at least on devices other than phones where the page appears as a bit of a mess.
More work to be done.
All the best