• Home
  • Features
  • Download
  • Documentation

Getting Started

4
  • Installing Flexia Theme
  • Installing Flexia Core
  • Installing Flexia Pro
  • How To Translate Flexia Theme With WPML

Customize Flexia

10
  • Set site logo and icons
  • Setting up Home and Blog pages
  • Design Settings
  • How To Change Typography
  • Header Settings
  • Blog Settings
  • Menu Settings
  • How To Configure Flexia Theme Widgets Settings?
  • Call to Action
  • Multiple Page Templates

How To

9
  • How To Set Transparent Header
  • How To Set Sticky Header
  • How To Set Transparent And Sticky Headers Together
  • How To Set Stacked Logobar And Navbar
  • HOW TO ENABLE HEADER WIDGETS
  • How To Enable Footer Content
  • How To Change Page Title Style
  • How To Change Post Title Style
  • HOW TO HIDE PAGE TITLE FOR A PAGE/POST

Page/Post Settings

4
  • Page Settings
  • Posts Settings
  • Call to Action
  • Multiple Page Templates

Flexia Pro

1
  • HOW TO SET UP ADVANCED BLOG PAGE IN FLEXIA

Flexia Pro Modules

2
  • How To Activate Preloader In Flexia Theme
  • How To Enable Under Maintenance Modules In Flexia

Troubleshooting

2
  • I can’t see Page/Post Settings under editor
  • I can’t see Custom JavaScript option

Video Walkthrough

4
  • Setting up Header
  • Setting up Layout
  • Setting up Footer
  • Setting up Blog

Custom Codes

3
  • Adding Custom JavaScripts
  • Adding Google Analytics Code
  • Adding Custom CSS
View Categories
  • Home
  • Docs
  • How To
  • How To Set Sticky Header

How To Set Sticky Header

< 1 min read

A sticky header stays visible when visitors scroll up and down and helps them navigate websites more rapidly. Flexia provides widely customizable header options to configure the sticky header navbar easily.

Step 1: Go To The Header Layout Options On Flexia #

To set a sticky header on your landing pages or blogs on Flexia, open the Layout from Flexia’s Header tab. Go to Appearance → Customize from your WordPress dashboard and choose the Header option to open the Layout menu.

[Note: You must install and activate the Flexia theme on your WordPress website before setting a sticky header.]

set sticky header

Step 2: Change Navbar Position #

The ‘Navbar Position’ menu has two options for setting a sticky header. Select ‘Sticky Top’ if you want the header to be sticky without any further customization. However, if you want your header to be transparent and sticky simultaneously, choose the ‘Transparent Sticky Top’ option.

set sticky header

Final Outcome #

Now open the page you set the sticky header for. Scroll down, and you will see the header stays visible at the top.

set sticky header

That’s how easily you can set a sticky header on Flexia.

For any difficulties, feel free to contact our dedicated support team.

Updated on April 26, 2023

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest

Powered by BetterDocs

Table of Contents
  • Step 1: Go To The Header Layout Options On Flexia
  • Step 2: Change Navbar Position
  • Final Outcome
  • Changelog
  • Support
  • Child Theme
© Flexia 2025. All right reserved by Codetic.
cross