# Sticky Navigation + Parallax Problem

**URL:** https://colorlibsupport.com/t/sticky-navigation-parallax-problem/12969
**Category:** Shapely
**Created:** [October 31, 2016, 12:44pm UTC](https://colorlibsupport.com/t/sticky-navigation-parallax-problem/12969 "2016-10-31T12:44:38Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![smojojo](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/s/a88e4f/32.png) [@smojojo](https://colorlibsupport.com/u/smojojo)
#### Post date: [October 31, 2016, 12:44pm UTC](https://colorlibsupport.com/t/sticky-navigation-parallax-problem/12969/1 "2016-10-31T12:44:38Z")

</div>

Hi there,

I’m creating a website with this theme here: [http://www.edenparkpanelpaint.co.nz/](http://www.edenparkpanelpaint.co.nz/)

I’m wondering how I could turn off the sticky navigation? At the moment, the sticky navbar clips at the top when you scroll down (this happened after I altered the size of the navbar).

I also noticed the parallax is getting overlapped by the content around it. The header image and the parallax section further down the page seem to cut off occasionally (only one section does it at a time, but one will ALWAYS do it).

Appreciate any help 🙂

Thanks!

---

<div class="post-metadata">

### Author: ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)
#### Post date: [November 2, 2016, 7:21am UTC](https://colorlibsupport.com/t/sticky-navigation-parallax-problem/12969/2 "2016-11-02T07:21:40Z")

</div>

Hi @smojojo,

I hope you are well today and thank you for your questions.

> I’m wondering how I could turn off the sticky navigation? At the moment, the sticky navbar clips at the top when you scroll down (this happened after I altered the size of the navbar).

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -\> Appearance -\> Customize -\> Shapely Options -\> Other

```auto
nav#site-navigation {
    position: relative;
}

```

> I also noticed the parallax is getting overlapped by the content around it. The header image and the parallax section further down the page seem to cut off occasionally (only one section does it at a time, but one will ALWAYS do it).

This is a known issue as reported in the following topic which will be resolved ASAP.

[https://colorlibsupport.com/t/issue-with-parallax-in-homepage/](https://colorlibsupport.com/t/issue-with-parallax-in-homepage/)

Best Regards,  
Movin

---

<div class="post-metadata">

### Author: ![smojojo](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/s/a88e4f/32.png) [@smojojo](https://colorlibsupport.com/u/smojojo)
#### Post date: [November 2, 2016, 9:07am UTC](https://colorlibsupport.com/t/sticky-navigation-parallax-problem/12969/3 "2016-11-02T09:07:16Z")

</div>

Thanks, @movin! Appreciate the reply and help. The position: relative worked a dream 🙂

---

<div class="post-metadata">

### Author: ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)
#### Post date: [November 3, 2016, 8:42am UTC](https://colorlibsupport.com/t/sticky-navigation-parallax-problem/12969/4 "2016-11-03T08:42:21Z")

</div>

You are most welcome here 🙂