Fix header and logo at top of page

Hello,

I'm working in Ready and I would like to fix my header (which contains my logo) to the top of the page. It currently remains at the top of the screen as the user scrolls down the page, but there is no option to lock it at the top. Could someone help with this?

Thank you!

Hello! Try entering this code in the custom CSS section:

.header-announcement-wrapper {
    position: initial !important;
    transform: none !important;
}

main {
    margin-top: 0 !important;
}

This might cause some jumping in the page since it looks like this template is using some on scroll effects, it depends on your site. If you do notice any jumping, you're going to need some custom scripts to fix that.

Gotcha, thank you very much!