How to make my website behave like this one?

[Vaei]

This website has features close to what I want. Namely, there is a title/menu bar that remains at the top of the page, the website is a single page, and when clicking an item in the portfolio it changes the gallery to focus on that item (or if its just an image, it pops it up)

https://demo.cocobasic.com/cardea-html/demo-2/

[Gideon So]

Hi @Vaei,

You can do this by adding a css style to the head bar. 

HTML

<header class="fixed-top">

Your menu here

</header>

CSS

.fixed-top {

position: fixed;

top: 0;

}

Gideon

[Vaei]

Hi @Gideon So thanks, but that only pushed it to the top of the page, when I scroll it doesn't stay on the screen

[Vaei]

Edit: position: fixed instead of position: absolute was the ticket (Can't edit my post)

[Gideon So]

Hi @Vaei,

Oh. Yeah. I was on the bus when typing. Glad that you make it right yourself.

Gideon