How can I create a sticky banner under which the main Hype content can scroll past?


(Mike Sullivan) #1

I’d like to keep the banner from moving while I scroll through the rest of the content.

https://dl.dropboxusercontent.com/spa/pz7zkjotn3kvbgp/Exports/pollins/pollins.html

I’m just starting, but need some help!


(Freelancer) #2

Yo can use CSS with “fixed”

<style type="text/css"> 
.sticky { position: fixed !important;} 
</style> 

in this template you can find an example with a sticky nav


(Mike Sullivan) #3

I’m sorry to sound stupid, but where am I adding this?


(Freelancer) #4

Add this code ( CSS) in Header

<style type="text/css"> 
.sticky { position: fixed !important;} 
</style>

Add the class to your image

try this example
example.hype.zip (1.6 MB)

…in the forum you can find several examples, better than mine :slight_smile: