• 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 Transparent And Sticky Headers Together

How To Set Transparent And Sticky Headers Together

1 min read

Flexia offers very flexible header customization options to customize and set a transparent sticky header. This feature will help web designers, who often use headers with a sticky feature and transparent background options to make content more lively. Follow this guide to learn how to set a transparent and sticky header on Flexia together.

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

To set transparent and sticky headers for your landing pages or blogs on Flexia, open the Layout option 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 transparent header.]

transparent and sticky header

Step 2: Change Navbar Position #

From the Navbar Position options, select ‘Transparent Sticky Top’. This will keep showing your transparent header stick on top while scrolling your page. Now publish your page.

transparent and sticky header

Final Outcome #

Now, visit your page and check if your page’s header is transparent and sticky at the same time.

transparent and sticky header

That’s how easily you can set a transparent and sticky header together on Flexia.
For any difficulties, feel free to contact our dedicated support team.

Updated on June 5, 2023
Customize header, flexia theme

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