Sticky Navigation


#1

Hello,

I’m trying to make this landing page work, take note I do not have a lot of knowledge with comes to coding and such. The navigation bar seems to be working but the background header image is not sticking to the top.

Is there a way this can be fixed? I need help please… Thank you…

http://unbouncepages.com/copeley_hill_catering_menu/


#2

Looks like the header image is sticking to the top now. :slight_smile:

Side note – I think the header image is taking up way too much space. It’s half the screen so makes reading the actual menu difficult (I’m on a 13" Macbook Pro). I’d consider reducing the height of the header to around 200px max.


#3

I completely agree with @Zoe_Tattersall. This is more of a sticky hero. It takes up a lot of reality on smaller screens. I would decrease this by close to 90%.

On a quick side note, not sure if this has happened to others, but we tested sticky navs a lot and to be honest, though they look cool, they did not increase conversions. In fact in some cases we had higher conversions without the sticky nav.

Just my two cents.