Sticky Navigation + Parallax Problem

Shapely
1

Hi there,

I’m creating a website with this theme here: 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 :slight_smile:

Thanks!

2

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

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/

Best Regards,
Movin

3

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

4

You are most welcome here :slight_smile: