# Change header from fixed scroll

**URL:** <https://community.hubspot.com/t/change-header-from-fixed-scroll/3065>\
**Category:** CMS Development\
**Created:** [August 17, 2017, 1:55pm UTC](https://community.hubspot.com/t/change-header-from-fixed-scroll/3065 "2017-08-17T13:55:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MariS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/maris/32/43030_2.png) [@MariS](https://community.hubspot.com/u/MariS)\
**Post date:** [August 17, 2017, 1:55pm UTC](https://community.hubspot.com/t/change-header-from-fixed-scroll/3065/1 "2017-08-17T13:55:36Z")

</div>

Hi all

My header containing logo and menu is fixed on scroll. I would like to make it static so it vanishes on scroll. Please help me to do that?

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [August 18, 2017, 7:48pm UTC](https://community.hubspot.com/t/change-header-from-fixed-scroll/3065/2 "2017-08-18T19:48:18Z")

</div>

@MariS,

There are many ways to make this effect happen, so there are many ways to turn it off and they all depend on how it is turned on. Could you sharea a page link for us to look at?

---

<div class="post-metadata">

**Author:** ![MariS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/maris/32/43030_2.png) [@MariS](https://community.hubspot.com/u/MariS)\
**Post date:** [August 19, 2017, 8:01am UTC](https://community.hubspot.com/t/change-header-from-fixed-scroll/3065/3 "2017-08-19T08:01:09Z")

</div>

HI @Jsum

Thanks for replying. It’s actually a marketplace theme I got. I love it, I just want to adjust that navigation scroll

[http://ace.altdigital.co.za/blog](http://ace.altdigital.co.za/blog)

M

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [August 19, 2017, 8:08am UTC](https://community.hubspot.com/t/change-header-from-fixed-scroll/3065/4 "2017-08-19T08:08:13Z")

</div>

@MariS,

No problem.

The wrapper to your header has the class “top-bar-sticky”. You have javascript in your simple\_theme\_functions.js file that is running a function on this class to make it sticky. You can simply comment this out and it should work.

This is the piece of js to comment out:

```auto
	$(".top-bar").hcSticky({
		wrapperClassName: "top-bar-sticky",
		className: "sticky",
		top: 0,
		stickTo: $(document),
		responsive: true
	});
	$(".header-img-slider").hcSticky({
		responsive: true,
		top: 0,
		innerTop: -124,
		stickTo: $(".body-container-wrapper")
	})

```

Just wrap it in /\* CODE \*/ to comment it out. Also you can remove it but that isn’t best practice for purchased templates since you essentially bought that piece of code.

---

<div class="post-metadata">

**Author:** ![MariS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/maris/32/43030_2.png) [@MariS](https://community.hubspot.com/u/MariS)\
**Post date:** [August 19, 2017, 8:12am UTC](https://community.hubspot.com/t/change-header-from-fixed-scroll/3065/5 "2017-08-19T08:12:32Z")

</div>

Thank you!!