Typically, you might opt to utilize the fixed placement with a navigation bar. When you desire the navigation bar to remain fixed in place on your screen as you scroll through the page.
To incorporate the fixed positioning to a navigation bar:
- Integrate a navigation bar into your project
- Choose the primary navigation bar element
- Within the Layout category of the Styles panel, adjust the Position to Fixed
- Select the predefined position as Top
- Pick the body
- Include top padding to prevent the navigation bar from overlapping content
You have the freedom to select any predefined setting, or manually modify the placement of the navigation bar or any element you wish to position in this manner.
Because any fixed element is taken out of the document flow, it will appear above auto-positioned elements. It might obstruct a portion of your content. In that scenario, you might consider utilizing some padding/margins on the content that the fixed element is concealing.
Latest posts by Ewan Mak (see all)
- Include or eliminate Workspace spots and members - April 15, 2024
- Centering box summary - April 15, 2024
- Store a site for future reference - April 15, 2024