# Showif Mobile Menu after you scroll past a certain point

**URL:** <https://forum.builder.io/t/showif-mobile-menu-after-you-scroll-past-a-certain-point/2670>\
**Category:** General\
**Created:** [September 28, 2022, 12:51am UTC](https://forum.builder.io/t/showif-mobile-menu-after-you-scroll-past-a-certain-point/2670 "2022-09-28T00:51:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![maciejlabinski](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@maciejlabinski](https://forum.builder.io/u/maciejlabinski)\
**Post date:** [September 28, 2022, 12:51am UTC](https://forum.builder.io/t/showif-mobile-menu-after-you-scroll-past-a-certain-point/2670/1 "2022-09-28T00:51:56Z")

</div>

I am trying to reveal a sticky header & mobile menu to appear only after you scroll past the hero section. And hide if you scroll back up to the top. Is there a tutorial for that or could someone point me in the right direction?

Here’s the preview link: [Karl's Bait & Tackle](https://shopkarls.com/googan-squad-spinning-reels?builder.cachebuster=l8kvrww6&builder.proxyPreview.includeSW=true&builder.useProxyBase=true&apiKey=e7417059554e462db0236fef8a2c1fc1&builder.space=e7417059554e462db0236fef8a2c1fc1&builder.cachebust=true&builder.preview=page&builder.noCache=true& __builder_editing__ =true&builder.overrides.page=e879a19b48bb4fd1ac2d670c338fc5d4&builder.overrides.e879a19b48bb4fd1ac2d670c338fc5d4=e879a19b48bb4fd1ac2d670c338fc5d4&builder.overrides.page:/googan-squad-spinning-reels=e879a19b48bb4fd1ac2d670c338fc5d4)

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [September 28, 2022, 12:37pm UTC](https://forum.builder.io/t/showif-mobile-menu-after-you-scroll-past-a-certain-point/2670/2 "2022-09-28T12:37:14Z")

</div>

Hi @maciejlabinski,

To make a sticky header appear only after the hero section, you can either place the header after the hero section and use CSS `position: sticky; top:0;` for the header or you can use custom javascript code to do so, you can find help at the codepen [Sticky nav after scrolling past the hero section](https://codepen.io/stacigh/pen/ExqByW).

Let us know if you have any further questions or concerns. Thank you!