Jump to content
Vaei

How to make my website behave like this one?

Recommended Posts

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/

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...