Any custom code to make a sticky / fixed menu or header?

Baserow Help
1

Are you using our SaaS platform (Baserow.io) or self-hosting Baserow?

Self-hosted

What do you need help with?

Hi team. Is there by any chance some fancy custom code that can make the header sticky? If I create a menu in the header, it would be really cool if it were sticky as the page scrolled.

2

@frederikdc Do you maybe have any advice here?

3

Hi, we have a template with some custom code examples: Custom code demos

Example 9 shows how you can create a sticky button at the bottom. You can use the same technique . You just need to replaced some values:

.feedback__add a {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

the property bottom must be replaced by top and the property right by left. The values can be set to 0

1 Like
4

Thanks! I’ll try it out