How Can I create fixed headers on top of the page?

Page: https://www.liamwong.com/

Hi, how can create headers at the top and bottom like the ones on this page? So when you navigate through the content both are fixed but on top of the page. They are also quite small, I can't make mine as small as those.

Thanks!

Hi,

For top bar you can enable "Announcement Bar " under Website Tools and for footer bar you can create a section under footer and make it position fixed with custom css.

Just now, yubrajs said:

Hi,

For top bar you can enable "Announcement Bar " under Website Tools and for footer bar you can create a section under footer and make it position fixed with custom css.

Thanks! Sorry, I didn't mean the Announcement Bat but the menu header, and the bottom one with the social media icons. I don't know about CSS that's why I'm asking here, if there is any guideline or tutorial I can follow could be great

Here are steps:

Picture 1: To edit header section
Picture 2:  Setting the header section fixed -> enable the "Fixed position"
Picture 3: To change header section background color.

For footer provide your website url.

1 minute ago, yubrajs said:

Here are steps:

Picture 1: To edit header section
Picture 2:  Setting the header section fixed -> enable the "Fixed position"
Picture 1: To change header section background color.

For footer provide your website url.

Great, thank you! It doesn't work for the bottom one, I can't see an option to fix it, it has a different setup?

For bottom you have to add custom css.