---
title: "Product Demo: Sticky Header"
description: Learn how to enable and customize the sticky header in version 2.x to keep your logo, social icons, and support buttons pinned while users scroll.
---
[Skip to content](https://help.indiegraf.com/product-demo-sticky-header#main-content)
English
Show submenu for translations
[Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=en)
[](https://help.indiegraf.com/?hsLang=en)
Open main navigation
Close main navigation
- English
Show submenu for translations
- [Publisher Portal](https://portal.indiegraf.com/tickets)
How can we help you?
- There are no suggestions because the search field is empty.
1. [Indiegraf](https://help.indiegraf.com/?hsLang=en)
2. [Indiegraf Product Release Notes](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en)
3. [Product Demo Videos](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#product-demo-videos)
March 17, 2026
# Product Demo: Sticky Header
## Learn how to enable and customize the sticky header in version 2.x to keep your logo, social icons, and support buttons pinned while users scroll.
The sticky header is a popular feature added and upgraded in version 2.x. This feature allows you to keep essential elements, such as social media icons and your support button, pinned to the top of the screen as you scroll.
**Key Features of the Sticky Header:**
- **Responsive Design**: When scrolling, the padding above and below the logo automatically reduces to save vertical space.
- **Mobile Functionality**: On mobile devices, the logo, support button, and the mobile menu toggle remain pinned at the top.
**How to Enable the Sticky Header:**
By default, the sticky header is disabled. To enable it, follow these steps:
- Navigate to **Site Options**.
- Select **Layout** and then **Header**.
- Here, you can choose to enable the feature globally across your entire site.
**Overriding Settings for Specific Pages:**
You can override your global settings for individual posts or pages:
- Go to the specific page or post options.
- Navigate to **Layout Settings**.
- Toggle the sticky header to either enabled or disabled.
- For example, you can disable the header globally but enable it specifically for your homepage.
**Important Note:**
The sticky header setting will not apply to the **Immersive Story** template, where the header is always disabled.
- [Welcome to Indiegraf](https://help.indiegraf.com/welcome-to-indiegraf?hsLang=en)
- [Onboarding](https://help.indiegraf.com/onboarding?hsLang=en#main-content)
- [Quick Start Guide](https://help.indiegraf.com/onboarding?hsLang=en#quick-start-guide)
- [Indie Website](https://help.indiegraf.com/indie-website?hsLang=en#main-content)
- [Analytics & Growth](https://help.indiegraf.com/indie-website?hsLang=en#analytics-growth)
- [Audience Engagement & Forms](https://help.indiegraf.com/indie-website?hsLang=en#audience-engagement-forms)
- [Configuring your Homepage](https://help.indiegraf.com/indie-website?hsLang=en#configuring-your-homepage)
- [Content Creation & Management](https://help.indiegraf.com/indie-website?hsLang=en#content-creation-management)
- [Design & Page Layout](https://help.indiegraf.com/indie-website?hsLang=en#design-page-layout)
- [Indiegraf Pay](https://help.indiegraf.com/indie-website?hsLang=en#indiegraf-pay)
- [Media & Visual Assets](https://help.indiegraf.com/indie-website?hsLang=en#media-visual-assets)
- [Paywall Solution: Pelcro](https://help.indiegraf.com/indie-website?hsLang=en#paywall-solution-pelcro)
- [SEO and Google Tools](https://help.indiegraf.com/indie-website?hsLang=en#seo-and-google-tools)
- [Site Administration](https://help.indiegraf.com/indie-website?hsLang=en#site-administration)
- [Technical Questions](https://help.indiegraf.com/indie-website?hsLang=en#technical-questions)
- [Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#main-content)
- [Quickstart Video Guide: Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#quickstart-video-guide-indie-email)
- [Account Setup & Foundations](https://help.indiegraf.com/indie-email?hsLang=en#account-setup-foundations)
- [Contact Management](https://help.indiegraf.com/indie-email?hsLang=en#contact-management)
- [Creating Campaigns](https://help.indiegraf.com/indie-email?hsLang=en#creating-campaigns)
- [Sending Campaigns & Automation](https://help.indiegraf.com/indie-email?hsLang=en#sending-campaigns-automation)
- [Troubleshooting & Deliverability](https://help.indiegraf.com/indie-email?hsLang=en#troubleshooting-deliverability)
- [Analytics](https://help.indiegraf.com/indie-email?hsLang=en#analytics)
- [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#main-content)
- [Reporting & Statistics](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#reporting-statistics)
- [Essential Articles](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#essential-articles)
- [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates)
- [Quick Start Guide](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#quick-start-guide)
- [Payment Solutions](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#payment-solutions)
- [Hearken](https://help.indiegraf.com/hearken?hsLang=en#main-content)
- [Planning and Preparing to Launch with Hearken](https://help.indiegraf.com/hearken?hsLang=en#planning-and-preparing-to-launch-with-hearken)
- [Collecting Questions](https://help.indiegraf.com/hearken?hsLang=en#collecting-questions)
- [Collecting Votes](https://help.indiegraf.com/hearken?hsLang=en#collecting-votes)
- [Reporting an Answer](https://help.indiegraf.com/hearken?hsLang=en#reporting-an-answer)
- [Spreading Hearken Across Your Organization](https://help.indiegraf.com/hearken?hsLang=en#spreading-hearken-across-your-organization)
- [Creating and Customizing an Embed](https://help.indiegraf.com/hearken?hsLang=en#creating-and-customizing-an-embed)
- [Workflow Features](https://help.indiegraf.com/hearken?hsLang=en#workflow-features)
- [Platform Features](https://help.indiegraf.com/hearken?hsLang=en#platform-features)
- [Setting Up Notifications and Alerts](https://help.indiegraf.com/hearken?hsLang=en#setting-up-notifications-and-alerts)
- [Setting up APIs and webhooks](https://help.indiegraf.com/hearken?hsLang=en#setting-up-apis-and-webhooks)
- [Data collection and exporting](https://help.indiegraf.com/hearken?hsLang=en#data-collection-and-exporting)
- [Automatic categorization](https://help.indiegraf.com/hearken?hsLang=en#automatic-categorization)
- [Social, outreach, and marketing](https://help.indiegraf.com/hearken?hsLang=en#social-outreach-and-marketing)
- [Events and In-Person Engagement](https://help.indiegraf.com/hearken?hsLang=en#events-and-in-person-engagement)
- [Monetizing your Hearken work](https://help.indiegraf.com/hearken?hsLang=en#monetizing-your-hearken-work)
- [Indiegraf Experts](https://help.indiegraf.com/indiegraf-experts?hsLang=en)
- [Indiegraf Product Release Notes](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#main-content)
- [Product Demo Videos](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#product-demo-videos)
- [General](https://help.indiegraf.com/general?hsLang=en)
- [RevEngine](https://help.indiegraf.com/revengine?hsLang=en#main-content)
- [Getting Started with RevEngine](https://help.indiegraf.com/revengine?hsLang=en#getting-started-with-revengine)
- [International giving](https://help.indiegraf.com/revengine?hsLang=en#international-giving)
- [RevEngine Core](https://help.indiegraf.com/revengine?hsLang=en#revengine-core)
- [Organization management](https://help.indiegraf.com/revengine?hsLang=en#organization-management)
- [Working with Stripe](https://help.indiegraf.com/revengine?hsLang=en#working-with-stripe)
- [Contribution page basics](https://help.indiegraf.com/revengine?hsLang=en#contribution-page-basics)
- [Customizing your page](https://help.indiegraf.com/revengine?hsLang=en#customizing-your-page)
- [Branding and images](https://help.indiegraf.com/revengine?hsLang=en#branding-and-images)
- [Advanced page settings & features](https://help.indiegraf.com/revengine?hsLang=en#advanced-page-settings-features)
- [Portal & contribution management](https://help.indiegraf.com/revengine?hsLang=en#portal-contribution-management)
- [Contribution data](https://help.indiegraf.com/revengine?hsLang=en#contribution-data)
- [Analytics and Reporting](https://help.indiegraf.com/revengine?hsLang=en#analytics-and-reporting)
- [Best Practices and Recommendations](https://help.indiegraf.com/revengine?hsLang=en#best-practices-and-recommendations)
- [Receipts, reminders and transactional communications](https://help.indiegraf.com/revengine?hsLang=en#receipts-reminders-and-transactional-communications)
- [Security & Legal](https://help.indiegraf.com/revengine?hsLang=en#security-legal)
- [Common issues](https://help.indiegraf.com/revengine?hsLang=en#common-issues)
[](https://help.indiegraf.com/?hsLang=en)
Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere.
[mailto:support@indiegraf.com](mailto:support@indiegraf.com)
Copyright © 2025, Indiegraf Media