How To Fix Astra Sticky Header In Free & Pro Version?
How do I make my header sticky in WordPress Astra? Is this your question, and want to learn how to activate the floating header on your site? You arrived at the best place to learn about the Astra sticky header.Â
In this tutorial, let me explain how to create a sticky header with the free Astra theme and also for its Pro version. As the floating header is always visible to your visitors, you can grab their attention by providing valuable information.Â
Let’s get into the details!Â
The free Astra theme has no settings to enable the sticky header. Follow the below steps to include the CSS codes.Â
Step 1: Go to your WordPress Dashboard > Customize
Step 2: Click the “Additional CSS” section
Step 3: Add the following CSS code in that section.
.site-header {
    position: fixed;
    width: 100%;
}
.site-content {
    padding-top: 75px;
}