Knowledgebase

How do I create a 'Sticky Header' that remains visible while scrolling?

FAQ Bild

A Sticky Header improves navigation because visitors have access to the menu at all times, no matter how far they scroll down. In AI Web Studio, this can be easily configured.

Fixing the Header:

Click on the header area of your website. In the right sidebar under 'Settings', select 'Position'. Change this to 'Fixed' (Sticky).

It is often recommended to give the fixed header a background color or a subtle shadow so that it stands out visually from the rest of the content while scrolling. Make sure the header is not too tall so it doesn't take up too much valuable space on small screens.

Was this answer helpful?

Related Articles

How can I globally adjust the colors of my website?

A consistent color scheme is the foundation of professional branding. The AI Web Studio allows you to control colors centrally, so changes are...

How do I choose the right fonts for my project?

The choice of typography significantly influences how your message is perceived. The AI Web Studio provides access to a curated selection of fonts...

How do I add new design sections (patterns) to my page?

When you want to expand your page, you don't have to reinvent the wheel. The AI Web Studio works with so-called Design Patterns – professionally...

How do I change the order of content on my page?

A logical content structure is crucial for conversion rates. In the AI Web Studio, you can adjust the structure of your page at any time via...

How can I optimize sections for mobile devices?

Since most visitors come via smartphone, the AI Web Studio offers a specialized preview and customization options.Checking Responsive Design:Click...