- What is Astra Pro Add on?
- What Is a Child Theme and How To Install It for Astra?
- How to Activate Astra Pro Addon License?
- How to Get License Key of Astra Pro?
- How to Install Astra Pro Plugin?
- Getting Started with Astra Pro Addon Plugin
- Getting error – The package could not be installed. The theme is missing the style.css stylesheet?
- Do Not See License Activation Form for Astra Pro Addon Plugin?
- How to Install Astra Theme?
- Scroll To Top
- Astra Theme Walkthrough
- This Is Your Customizer
- Style Your Website With Global Settings
- Build Your Header
- Find the Way With Breadcrumbs
- Set Up Your Blog
- How to Add Sidebars
- Build Your Footer
- See Other Customizer Options
- How to Build Quick Sites with Astra
- Getting the Most Out of Astra Theme
- Host Google Fonts Locally – Performance Is the Key
- Improved Spectra Compatibility
- Introducing the new Disable Banner Area Meta-Based Option
- Getting Started with the Astra Customizer
<div class="pfd-aside-doc-list-wrapper">
<div class="pfd-aside-tax-wrap " data-id="2">
<div class="pfd-aside-tax pfd-category-toggled" data-id="1595" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/global/>
<h5 class="pfd-aside-tax-title">Global</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24131" href="https://clone.wpastra.com/docs/container-overview/">Global Container – Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="24299" href="https://clone.wpastra.com/docs/boxed-container-layout/">Boxed – Container Layout</a></li><li><a class="pfd-aside-tax-link" data-post_id="24304" href="https://clone.wpastra.com/docs/content-boxed-container-layout/">Content Boxed – Container Layout</a></li><li><a class="pfd-aside-tax-link" data-post_id="24306" href="https://clone.wpastra.com/docs/full-width-container-layout/">Full Width – Container Layout</a></li><li><a class="pfd-aside-tax-link" data-post_id="24890" href="https://clone.wpastra.com/docs/colors-background/">Global Colors – Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="24926" href="https://clone.wpastra.com/docs/typography-free/">Global Typography – Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="29302" href="https://clone.wpastra.com/docs/typography-improvement-for-astra/">Typography Improvement for Astra</a></li><li><a class="pfd-aside-tax-link" data-post_id="102827" href="https://clone.wpastra.com/docs/astra-global-color-palette-settings/">Astra Global Color Palette</a></li><li><a class="pfd-aside-tax-link" data-post_id="102833" href="https://clone.wpastra.com/docs/astra-typography-presets/">Astra Typography Presets</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/astra-customizer-settings/global/" class="read-more-term-link" data-id="1595">
↳ See all 22 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="1571" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/breadcrumb/>
<h5 class="pfd-aside-tax-title">Breadcrumb</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="31060" href="https://clone.wpastra.com/docs/add-breadcrumbs-with-astra/">How to Add Breadcrumbs in WordPress Website with Astra</a></li><li><a class="pfd-aside-tax-link" data-post_id="31180" href="https://clone.wpastra.com/docs/display-breadcrumb-with-shortcode/">How to Display a Breadcrumb Anywhere within a Page or Post with Shortcode?</a></li><li><a class="pfd-aside-tax-link" data-post_id="31184" href="https://clone.wpastra.com/docs/filter-to-switch-bread-from-old-to-new/">How to Switch From Existing Breadcrumb to New Trail?</a></li><li><a class="pfd-aside-tax-link" data-post_id="165324" href="https://clone.wpastra.com/docs/change-the-home-string-in-breadcrumbs/">How to Change the “HOME” String in Breadcrumbs</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="136" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/blog/>
<h5 class="pfd-aside-tax-title">Blog</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24685" href="https://clone.wpastra.com/docs/blog-overview/">Blog Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="24688" href="https://clone.wpastra.com/docs/blog-archive/">Blog / Archive</a></li><li><a class="pfd-aside-tax-link" data-post_id="24711" href="https://clone.wpastra.com/docs/single-post/">Single Post</a></li><li><a class="pfd-aside-tax-link" data-post_id="26203" href="https://clone.wpastra.com/docs/show-last-updated-not-published-date/">How to Display “Last Updated” instead of “Published” Date</a></li><li><a class="pfd-aside-tax-link" data-post_id="86662" href="https://clone.wpastra.com/docs/display-related-posts/">Display Related Posts on Single Blog Post</a></li><li><a class="pfd-aside-tax-link" data-post_id="100397" href="https://clone.wpastra.com/docs/recommended-featured-image-size/">The Recommended Size for Featured Image</a></li><li><a class="pfd-aside-tax-link" data-post_id="133075" href="https://clone.wpastra.com/docs/remove-authors-name-from-blog-post/">How to remove an Author’s name from a Single Blog Post?</a></li><li><a class="pfd-aside-tax-link" data-post_id="165367" href="https://clone.wpastra.com/docs/remove-astra-post-excerpt/">How to Remove Astra Post Excerpt from the Post Archive</a></li><li><a class="pfd-aside-tax-link" data-post_id="170260" href="https://clone.wpastra.com/docs/last-updated-or-published-date/">Add Last Updated or Published Date to Blog Posts</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/astra-customizer-settings/blog/" class="read-more-term-link" data-id="136">
↳ See all 11 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="138" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/sidebar/>
<h5 class="pfd-aside-tax-title">Sidebar</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24757" href="https://clone.wpastra.com/docs/sidebar-free/">How to Manage Sidebars in Free Astra Theme?</a></li><li><a class="pfd-aside-tax-link" data-post_id="25950" href="https://clone.wpastra.com/docs/add-background-images/">How to Add Background Images?</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="157" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/learndash/>
<h5 class="pfd-aside-tax-title">LearnDash</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="25163" href="https://clone.wpastra.com/docs/learndash-integration-overview/">Overview of LearnDash Integration in Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="38341" href="https://clone.wpastra.com/docs/astra-compatibility-with-learndash-3-0/">Astra Compatibility with LearnDash Version 3.0</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="201" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/easy-digital-downloads/>
<h5 class="pfd-aside-tax-title">Easy Digital Downloads</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="29401" href="https://clone.wpastra.com/docs/disable-edd-inbuilt-styling/">How to Disable EDD Inbuilt Styling?</a></li><li><a class="pfd-aside-tax-link" data-post_id="29403" href="https://clone.wpastra.com/docs/add-download-archive-page-to-menu/">How to Add Download Archive Pages to the Menu When Using Astra with EDD?</a></li><li><a class="pfd-aside-tax-link" data-post_id="29407" href="https://clone.wpastra.com/docs/edd-cart-in-header/">How to Add EDD Cart in Header? (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="29411" href="https://clone.wpastra.com/docs/edd-integration-overview-astra-theme/">EDD Integration Overview in Free Astra Theme</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="139" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/lifterlms/>
<h5 class="pfd-aside-tax-title">LifterLMS</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24764" href="https://clone.wpastra.com/docs/lifterlms-free/">LifterLMS Integration in Free Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="24797" href="https://clone.wpastra.com/docs/lifterlms-overview/">LifterLMS Overview</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="155" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/woocommerce-free/>
<h5 class="pfd-aside-tax-title">WooCommerce</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="23733" href="https://clone.wpastra.com/docs/woocommerce-integration-overview/">WooCommerce Integration Overview in Free Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="28266" href="https://clone.wpastra.com/docs/add-woocommerce-mini-cart-to-header/">How to Add WooCommerce Mini Cart in Header? (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="129236" href="https://clone.wpastra.com/docs/set-shop-page-as-homepage/">Set WooCommerce Shop Page as Homepage</a></li><li><a class="pfd-aside-tax-link" data-post_id="129243" href="https://clone.wpastra.com/docs/woocommerce-hooks/">WooCommerce hooks</a></li><li><a class="pfd-aside-tax-link" data-post_id="146236" href="https://clone.wpastra.com/docs/display-featured-products-instead-of-empty-cart/">Display Featured Products instead of Empty Cart</a></li><li><a class="pfd-aside-tax-link" data-post_id="165413" href="https://clone.wpastra.com/docs/default-review-tab/">How to Set the “Review” Tab as the Default Active Tab in WooCommerce</a></li><li><a class="pfd-aside-tax-link" data-post_id="168089" href="https://clone.wpastra.com/docs/my-account-page-customization/">How to Add Additional Content on the My Account Login Page</a></li><li><a class="pfd-aside-tax-link" data-post_id="174680" href="https://clone.wpastra.com/docs/change-background-color-of-product-shop-pages/">How to Change the Background Color of Product & Shop Pages in Astra?</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="131" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-customizer-settings/meta-settings/>
<h5 class="pfd-aside-tax-title">Meta Settings</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="37129" href="https://clone.wpastra.com/docs/page-meta-settings/">Astra Meta Settings</a></li><li><a class="pfd-aside-tax-link" data-post_id="132102" href="https://clone.wpastra.com/docs/what-are-the-best-astra-settings-for-elementor/">What are the Best Astra Settings for Elementor?</a></li><li><a class="pfd-aside-tax-link" data-post_id="165488" href="https://clone.wpastra.com/docs/change-comment-string/">How to change “Leave a Comment” string in WordPress</a></li> </ul>
</div>
</div>
</div>
</div>
- Astra – Customize the Submenu
- The Blank Screen in the Customizer Area
- How to use the color palette of the Astra theme
- How to Import / Export Astra Customizer Settings
- How To Disable Logo Cropping
- How to Create a Sticky Sidebar for Your WooCommerce Shop Page
- How to use dynamic customizer from Astra 4.0.0
- How to Change the Typography of the Astra Menu
- Simplify Your Site Design with the New Style Guide
<div class="pfd-aside-doc-list-wrapper">
<div class="pfd-aside-tax-wrap " data-id="2">
<div class="pfd-aside-tax pfd-category-toggled" data-id="160" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/white-label/>
<h5 class="pfd-aside-tax-title">White Label</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="25247" href="https://clone.wpastra.com/docs/how-to-white-label-astra/">How to White Label Astra?</a></li><li><a class="pfd-aside-tax-link" data-post_id="29498" href="https://clone.wpastra.com/docs/does-white-label-feature-in-astra-pro-make-changes-in-the-frontend-code/">Does White Label Feature Make Changes in the Code?</a></li><li><a class="pfd-aside-tax-link" data-post_id="30059" href="https://clone.wpastra.com/docs/how-to-disable-the-white-label-settings-permanently/">How to Disable the White Label Settings Permanently?</a></li><li><a class="pfd-aside-tax-link" data-post_id="30271" href="https://clone.wpastra.com/docs/white-label-constants-to-change-strings-permanently/">White Label Constants to Change Strings Permanently</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="172" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/mobile-header/>
<h5 class="pfd-aside-tax-title">Mobile Header</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="26150" href="https://clone.wpastra.com/docs/mobile-header-with-astra/">Mobile Header with Astra (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="28466" href="https://clone.wpastra.com/docs/mobile-header-with-above-below-header/">Mobile Header with Above/Below Header (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="62715" href="https://clone.wpastra.com/docs/unable-to-find-no-toggle-menu-style/">Unable to find “No Toggle” Menu Style?</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="187" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/nav-menu/>
<h5 class="pfd-aside-tax-title">Nav Menu</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="28934" href="https://clone.wpastra.com/docs/nav-menu-addon/">Nav Menu Module [Create a Mega Menu]</a></li><li><a class="pfd-aside-tax-link" data-post_id="29859" href="https://clone.wpastra.com/docs/add-icons-to-menu-items/">How to Add Icons to Menu Items?</a></li><li><a class="pfd-aside-tax-link" data-post_id="100611" href="https://clone.wpastra.com/docs/add-template-to-mega-menu/">How to Add Elementor Template to the Mega Menu?</a></li><li><a class="pfd-aside-tax-link" data-post_id="142258" href="https://clone.wpastra.com/docs/nav-menu-module/">Astra 4.0.0 Nav Menu Module</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="145" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/typography-pro/>
<h5 class="pfd-aside-tax-title">Typography</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24960" href="https://clone.wpastra.com/docs/typography-module/">Typography Module</a></li><li><a class="pfd-aside-tax-link" data-post_id="146262" href="https://clone.wpastra.com/docs/change-astra-menu-typography/">How to Change the Typography of the Astra Menu</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="141" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/colors-background-pro/>
<h5 class="pfd-aside-tax-title">Colors & Background</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24914" href="https://clone.wpastra.com/docs/colors-background-module/">Colors & Background Module</a></li><li><a class="pfd-aside-tax-link" data-post_id="25950" href="https://clone.wpastra.com/docs/add-background-images/">How to Add Background Images?</a></li><li><a class="pfd-aside-tax-link" data-post_id="118604" href="https://clone.wpastra.com/docs/applying-content-background-to-full-width-layouts/">Enhancement: Applying Content Background to Full-Width Layouts</a></li><li><a class="pfd-aside-tax-link" data-post_id="131487" href="https://clone.wpastra.com/docs/change-menu-color-in-astra/">How to Change the Menu Color in Astra Theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="164114" href="https://clone.wpastra.com/docs/page-level-background-settings/">Page Level Background Settings</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="134" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/site-builder-module/>
<h5 class="pfd-aside-tax-title">Site Builder</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24651" href="https://clone.wpastra.com/docs/site-builder-overview/">Site Builder Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="25289" href="https://clone.wpastra.com/docs/cannot-edit-site-builder-404-error/">Cannot Edit Site Builder Layouts Due to a 404 Error?</a></li><li><a class="pfd-aside-tax-link" data-post_id="25295" href="https://clone.wpastra.com/docs/custom-header/">Custom Header</a></li><li><a class="pfd-aside-tax-link" data-post_id="25298" href="https://clone.wpastra.com/docs/custom-footer/">Custom Footer</a></li><li><a class="pfd-aside-tax-link" data-post_id="25313" href="https://clone.wpastra.com/docs/custom-layout-hooks/">Site Builder – Hooks</a></li><li><a class="pfd-aside-tax-link" data-post_id="25316" href="https://clone.wpastra.com/docs/enable-custom-404-page/">How to Enable a Custom 404 Page</a></li><li><a class="pfd-aside-tax-link" data-post_id="27435" href="https://clone.wpastra.com/docs/translate-site-builder-with-wpml/">How To Translate Site Builder With WPML?</a></li><li><a class="pfd-aside-tax-link" data-post_id="28404" href="https://clone.wpastra.com/docs/display-rules-in-astra/">Site Builder Display Settings in Astra Pro</a></li><li><a class="pfd-aside-tax-link" data-post_id="81331" href="https://clone.wpastra.com/docs/site-builder-inside-content/">Inside Page/Post Content Site Builder</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/astra-pro-modules/site-builder-module/" class="read-more-term-link" data-id="134">
↳ See all 11 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="119" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/site-layout/>
<h5 class="pfd-aside-tax-title">Site Layout</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24136" href="https://clone.wpastra.com/docs/site-layout-overview/">Site Layout Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="24141" href="https://clone.wpastra.com/docs/full-width-site-layout/">Full Width Site Layout</a></li><li><a class="pfd-aside-tax-link" data-post_id="24143" href="https://clone.wpastra.com/docs/max-width-site-layout/">Max Width Site Layout</a></li><li><a class="pfd-aside-tax-link" data-post_id="24149" href="https://clone.wpastra.com/docs/fluid-site-layout/">Fluid Site Layout</a></li><li><a class="pfd-aside-tax-link" data-post_id="24152" href="https://clone.wpastra.com/docs/padded-site-layout/">Padded Site Layout</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="127" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/header-sections/>
<h5 class="pfd-aside-tax-title">Header Sections</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24325" href="https://clone.wpastra.com/docs/header-sections-pro/">Header Sections Overview (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="25916" href="https://clone.wpastra.com/docs/above-header-section/">Above Header Section</a></li><li><a class="pfd-aside-tax-link" data-post_id="25917" href="https://clone.wpastra.com/docs/below-header-section/">Below Header Section</a></li><li><a class="pfd-aside-tax-link" data-post_id="61473" href="https://clone.wpastra.com/docs/header-improvements-in-astra/">Header Improvements in Astra!</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="128" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/sticky-header/>
<h5 class="pfd-aside-tax-title">Sticky Header</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24217" href="https://clone.wpastra.com/docs/sticky-header-pro/">How to Add a Sticky Header or On-Scroll Fixed Header with Astra</a></li><li><a class="pfd-aside-tax-link" data-post_id="146206" href="https://clone.wpastra.com/docs/sticky-header-blur-background/">Sticky Header – Blur background</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="126" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/page-headers/>
<h5 class="pfd-aside-tax-title">Page Headers</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24326" href="https://clone.wpastra.com/docs/page-headers-overview/">Page Headers Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="47155" href="https://clone.wpastra.com/docs/remove-page-header-title/">How to Remove Page Header Title?</a></li><li><a class="pfd-aside-tax-link" data-post_id="55751" href="https://clone.wpastra.com/docs/parallax-page-header/">Set Parallax Effect on Responsive Devices with Page Header</a></li><li><a class="pfd-aside-tax-link" data-post_id="168474" href="https://clone.wpastra.com/docs/custom-menus/">How to Show Separate Menus on Different Pages</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="137" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/blog-pro/>
<h5 class="pfd-aside-tax-title">Blog Pro</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24716" href="https://clone.wpastra.com/docs/blog-pro-overview/">Blog Pro Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="24719" href="https://clone.wpastra.com/docs/blog-archive-blog-pro/">Blog / Archive with Blog Pro</a></li><li><a class="pfd-aside-tax-link" data-post_id="24747" href="https://clone.wpastra.com/docs/single-post-blog-pro/">Single Post with Blog Pro</a></li><li><a class="pfd-aside-tax-link" data-post_id="26203" href="https://clone.wpastra.com/docs/show-last-updated-not-published-date/">How to Display “Last Updated” instead of “Published” Date</a></li><li><a class="pfd-aside-tax-link" data-post_id="131564" href="https://clone.wpastra.com/docs/how-to-add-custom-post-type-with-the-astra-theme/">How to add custom post type with the Astra theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="146132" href="https://clone.wpastra.com/docs/social-sharing/">Social Sharing</a></li><li><a class="pfd-aside-tax-link" data-post_id="164345" href="https://clone.wpastra.com/docs/featured-image-options-for-single-banner-layouts/">Featured Image Options for Single Banner Layouts</a></li><li><a class="pfd-aside-tax-link" data-post_id="164445" href="https://clone.wpastra.com/docs/post-filter/">Add Post Filter on Blog Archive Page</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="132" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/footer-widgets-module/>
<h5 class="pfd-aside-tax-title">Footer Widgets Module</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24635" href="https://clone.wpastra.com/docs/footer-widgets-astra-pro/">Footer Widgets Module with Astra Pro</a></li><li><a class="pfd-aside-tax-link" data-post_id="28393" href="https://clone.wpastra.com/docs/stick-footer-to-bottom/">Stick Footer to the Bottom When Page Content is Less</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="121" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/spacing/>
<h5 class="pfd-aside-tax-title">Spacing</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24272" href="https://clone.wpastra.com/docs/spacing-addon-overview/">Spacing Addon Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="24275" href="https://clone.wpastra.com/docs/site-identity-spacing-controls/">Site Identity Spacing Controls</a></li><li><a class="pfd-aside-tax-link" data-post_id="24280" href="https://clone.wpastra.com/docs/container-spacing-controls/">Container Spacing Controls</a></li><li><a class="pfd-aside-tax-link" data-post_id="24423" href="https://clone.wpastra.com/docs/footer-spacing-controls/">Footer Spacing Controls</a></li><li><a class="pfd-aside-tax-link" data-post_id="24428" href="https://clone.wpastra.com/docs/blog-archive-spacing-controls/">How to Manage Spacing on the Blog Page Using Astra?</a></li><li><a class="pfd-aside-tax-link" data-post_id="24436" href="https://clone.wpastra.com/docs/sidebar-spacing-controls/">Sidebar Spacing Controls</a></li><li><a class="pfd-aside-tax-link" data-post_id="24560" href="https://clone.wpastra.com/docs/header-spacing-controls/">How to Manage Spacing in Headers Using Astra?</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="148" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/woo/>
<h5 class="pfd-aside-tax-title">WooCommerce</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24878" href="https://clone.wpastra.com/docs/astra-woocommerce-mini-cart-shortcode/">Astra WooCommerce Mini Cart Shortcode</a></li><li><a class="pfd-aside-tax-link" data-post_id="25003" href="https://clone.wpastra.com/docs/woocommerce-module-overview/">WooCommerce Module Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="25007" href="https://clone.wpastra.com/docs/shop-woocommerce/">How to Design a Product Catalog Page or Shop Page Using WooCommerce Module in Astra?</a></li><li><a class="pfd-aside-tax-link" data-post_id="25011" href="https://clone.wpastra.com/docs/single-product-woocommerce/">Single Product WooCommerce</a></li><li><a class="pfd-aside-tax-link" data-post_id="25012" href="https://clone.wpastra.com/docs/checkout-page-woocommerce/">Checkout Page WooCommerce</a></li><li><a class="pfd-aside-tax-link" data-post_id="25537" href="https://clone.wpastra.com/docs/colors-background-options-for-woocommerce/">Colors & Background Options For WooCommerce</a></li><li><a class="pfd-aside-tax-link" data-post_id="25575" href="https://clone.wpastra.com/docs/typography-options-for-woocommerce/">Typography Options for WooCommerce</a></li><li><a class="pfd-aside-tax-link" data-post_id="28266" href="https://clone.wpastra.com/docs/add-woocommerce-mini-cart-to-header/">How to Add WooCommerce Mini Cart in Header? (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="28307" href="https://clone.wpastra.com/docs/off-canvas-sidebar-for-woocommerce-shop-page/">Off-Canvas Sidebar for WooCommerce Shop Page</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/astra-pro-modules/woo/" class="read-more-term-link" data-id="148">
↳ See all 22 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="158" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/learndash-astra-pro-modules/>
<h5 class="pfd-aside-tax-title">LearnDash</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="25162" href="https://clone.wpastra.com/docs/learndash-integration-in-astra-pro/">LearnDash Integration in Astra Pro</a></li><li><a class="pfd-aside-tax-link" data-post_id="28668" href="https://clone.wpastra.com/docs/learndash-shortcode-for-profile-link/">LearnDash Shortcode to Add Profile Link</a></li><li><a class="pfd-aside-tax-link" data-post_id="38341" href="https://clone.wpastra.com/docs/astra-compatibility-with-learndash-3-0/">Astra Compatibility with LearnDash Version 3.0</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="140" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/lifterlms-astra-pro/>
<h5 class="pfd-aside-tax-title">LifterLMS</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="24798" href="https://clone.wpastra.com/docs/lifterlms-module-pro/">LifterLMS Integration in Astra Pro</a></li><li><a class="pfd-aside-tax-link" data-post_id="28672" href="https://clone.wpastra.com/docs/lifterlms-shortcode-for-profile-link/">LifterLMS Shortcode to Add Profile Link</a></li> </ul>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="202" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/easy-digital-downloads-module/>
<h5 class="pfd-aside-tax-title">Easy Digital Downloads Module</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="29401" href="https://clone.wpastra.com/docs/disable-edd-inbuilt-styling/">How to Disable EDD Inbuilt Styling?</a></li><li><a class="pfd-aside-tax-link" data-post_id="29403" href="https://clone.wpastra.com/docs/add-download-archive-page-to-menu/">How to Add Download Archive Pages to the Menu When Using Astra with EDD?</a></li><li><a class="pfd-aside-tax-link" data-post_id="29407" href="https://clone.wpastra.com/docs/edd-cart-in-header/">How to Add EDD Cart in Header? (Old Astra Header)</a></li><li><a class="pfd-aside-tax-link" data-post_id="29410" href="https://clone.wpastra.com/docs/edd-mini-cart-shortcode/">How to Display a Mini Cart Anywhere Using Shortcode? (Astra and EDD)</a></li><li><a class="pfd-aside-tax-link" data-post_id="29426" href="https://clone.wpastra.com/docs/easy-digital-downloads-module-overview/">EDD – Easy Digital Downloads Module Overview</a></li><li><a class="pfd-aside-tax-link" data-post_id="29434" href="https://clone.wpastra.com/docs/general-edd-module-options/">General – EDD Module Options</a></li><li><a class="pfd-aside-tax-link" data-post_id="29437" href="https://clone.wpastra.com/docs/product-archive-edd-module-options/">Product Archive – EDD Module Options</a></li><li><a class="pfd-aside-tax-link" data-post_id="29440" href="https://clone.wpastra.com/docs/single-product-edd-module-options/">Single Product – EDD Module Options</a></li><li><a class="pfd-aside-tax-link" data-post_id="29442" href="https://clone.wpastra.com/docs/checkout-page-edd-module-options/">Checkout Page – EDD Module Options</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/astra-pro-modules/easy-digital-downloads-module/" class="read-more-term-link" data-id="202">
↳ See all 11 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="218" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/astra-pro-modules/native-amp-support/>
<h5 class="pfd-aside-tax-title">Native AMP Support</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="30074" href="https://clone.wpastra.com/docs/astra-native-amp-support/">Native AMP Support in Astra</a></li><li><a class="pfd-aside-tax-link" data-post_id="30651" href="https://clone.wpastra.com/docs/configure-amp-plugin/">Configure AMP Plugin</a></li><li><a class="pfd-aside-tax-link" data-post_id="30662" href="https://clone.wpastra.com/docs/astra-options-that-wont-work-with-amp/">Astra Options that won’t work with AMP</a></li><li><a class="pfd-aside-tax-link" data-post_id="30747" href="https://clone.wpastra.com/docs/disable-astra-amp-support/">Disable Astra’s Native AMP Functionality</a></li> </ul>
</div>
</div>
</div>
</div>
- How to Translate Astra Theme / Plugins in Your Own Language using GlotPress?
- How to Turn Astra Multilingual with WPML?
- How To Translate Site Builder With WPML?
- How to Translate Astra Strings with WPML?
- How Translations can be Manually Exported and Uploaded to the Site?
- How to Turn Astra Website Multilingual with Polylang?
- How to Translate Categories, Tags, and Astra Strings with Polylang
- How to Turn Astra Website Multilingual with TranslatePress?
- How to translate the WooCommerce string?
- Footer Custom Text Helper Strings
- Does Astra support Beaver Themer Plugin?
- Increasing the PHP Memory Limit of Your Website
- How to Disable Header or Footer for a Landing Page or Post?
- Where Does Astra Primary Color Setting Take Effect?
- How to Adjust the Width of Your Sidebar?
- How to Update the Plugin Manually from WordPress Backend?
- Recommended Settings for Elementor and the Astra Theme
- Recommended Settings for Beaver Builder and the Astra Theme
- How Do License Upgrades Work?
- How to Renew Yearly License?
- How to Apply For Brainstorm Force Affiliate Program? (Become Astra Affiliate)
- How to Manage License on Store?
- How To Update Your Payment Method?
- How do I check my Support Ticket History?
- Frequently Asked Questions – VIP Priority Support
- How to Process Refund Requests?
<div class="pfd-aside-doc-list-wrapper">
<div class="pfd-aside-tax-wrap " data-id="2">
<div class="pfd-aside-tax pfd-category-toggled" data-id="2109" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/custom-code-snippets/astra-theme-pro-filters/>
<h5 class="pfd-aside-tax-title">Astra Theme & Pro Filters</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="21" href="https://clone.wpastra.com/docs/astra-default-strings/">How to Change the Default Astra Strings</a></li><li><a class="pfd-aside-tax-link" data-post_id="100" href="https://clone.wpastra.com/docs/using-hooks/">Using Hooks in Astra</a></li><li><a class="pfd-aside-tax-link" data-post_id="738" href="https://clone.wpastra.com/docs/change-scroll-to-top-icon/">How to Change the “Scroll To Top” Icon in Astra?</a></li><li><a class="pfd-aside-tax-link" data-post_id="22739" href="https://clone.wpastra.com/docs/wp-cli-commands/">Astra Pro WP CLI Commands</a></li><li><a class="pfd-aside-tax-link" data-post_id="23747" href="https://clone.wpastra.com/docs/add-custom-php-code/">How to Add Custom PHP Code?</a></li><li><a class="pfd-aside-tax-link" data-post_id="25176" href="https://clone.wpastra.com/docs/disable-loading-astras-default-font-file-astra-woff/">How to Disable the Loading of Astra’s Default Font File? (Astra.woff)</a></li><li><a class="pfd-aside-tax-link" data-post_id="26321" href="https://clone.wpastra.com/docs/disable-featured-image-on-post-type/">Disable Featured Image on Posts, Pages, or Other Post Types</a></li><li><a class="pfd-aside-tax-link" data-post_id="30157" href="https://clone.wpastra.com/docs/change-sidebar-widget-title-heading-tag/">Change Sidebar Widget Title Heading Tag</a></li><li><a class="pfd-aside-tax-link" data-post_id="30747" href="https://clone.wpastra.com/docs/disable-astra-amp-support/">Disable Astra’s Native AMP Functionality</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/custom-code-snippets/astra-theme-pro-filters/" class="read-more-term-link" data-id="2109">
↳ See all 32 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="2110" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/custom-code-snippets/astra-header-footer-filters/>
<h5 class="pfd-aside-tax-title">Astra Header & Footer Filters</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="665" href="https://clone.wpastra.com/docs/change-website-logo-destination-url/">How to Change Website Logo Destination URL</a></li><li><a class="pfd-aside-tax-link" data-post_id="858" href="https://clone.wpastra.com/docs/how-to-remove-primary-navigation-menu/">Remove Primary Navigation Menu with Hook</a></li><li><a class="pfd-aside-tax-link" data-post_id="23947" href="https://clone.wpastra.com/docs/astra-header-breakpoint-width/">Change the Astra Header Breakpoint Width</a></li><li><a class="pfd-aside-tax-link" data-post_id="29199" href="https://clone.wpastra.com/docs/how-to-disable-primary-header/">How to Disable Primary Header?</a></li><li><a class="pfd-aside-tax-link" data-post_id="31618" href="https://clone.wpastra.com/docs/title-attribute-in-header-background-image/">Add Title attribute to Header Background Image as a Substitute for Alt Text</a></li><li><a class="pfd-aside-tax-link" data-post_id="37556" href="https://clone.wpastra.com/docs/change-html-tag-for-title-and-tagline/">How to Change HTML tag for Site Title and Tagline?</a></li><li><a class="pfd-aside-tax-link" data-post_id="39392" href="https://clone.wpastra.com/docs/change-heading-tag-for-post-title/">How to Change the Heading Tag for the Page/Post Titles?</a></li><li><a class="pfd-aside-tax-link" data-post_id="47295" href="https://clone.wpastra.com/docs/change-search-string/">How to Change the “Search Results For” String</a></li><li><a class="pfd-aside-tax-link" data-post_id="47305" href="https://clone.wpastra.com/docs/change-search-placeholder/">Change Placeholder for Search Box (Old Astra Header)</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/custom-code-snippets/astra-header-footer-filters/" class="read-more-term-link" data-id="2110">
↳ See all 14 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="2111" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/custom-code-snippets/blog-filters/>
<h5 class="pfd-aside-tax-title">Blog Filters</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="26203" href="https://clone.wpastra.com/docs/show-last-updated-not-published-date/">How to Display “Last Updated” instead of “Published” Date</a></li><li><a class="pfd-aside-tax-link" data-post_id="31633" href="https://clone.wpastra.com/docs/replace-navigation-strings-on-single-post/">How to Change Previous and Next Link Text from a Single Blog Post?</a></li><li><a class="pfd-aside-tax-link" data-post_id="50448" href="https://clone.wpastra.com/docs/remove-featured-image-link-on-archive-page/">How to Remove Featured Image Link on Archive Page?</a></li><li><a class="pfd-aside-tax-link" data-post_id="55726" href="https://clone.wpastra.com/docs/remove-featured-image-link-on-blog-page/">Filter to Remove Link From Featured Images on Blog Page</a></li><li><a class="pfd-aside-tax-link" data-post_id="59600" href="https://clone.wpastra.com/docs/blog-featured-image-size-issues/">Blog Featured Image Size Not Working / Error in Image Processing Library</a></li><li><a class="pfd-aside-tax-link" data-post_id="61458" href="https://clone.wpastra.com/docs/add-blog-meta-support-cpts/">Filters to Support CPTs for Blog Meta and Single Blog Meta</a></li><li><a class="pfd-aside-tax-link" data-post_id="103203" href="https://clone.wpastra.com/docs/replace-blog-archive-navigation-strings/">How To Change Navigation Links Text for a Blog Archive?</a></li><li><a class="pfd-aside-tax-link" data-post_id="103212" href="https://clone.wpastra.com/docs/display-category-as-related-posts-title/">How to Display the Post Category as a Related Posts Title?</a></li><li><a class="pfd-aside-tax-link" data-post_id="168733" href="https://clone.wpastra.com/docs/customize-comment-title-tag/">Change “Leave A Comment” title tag</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/custom-code-snippets/blog-filters/" class="read-more-term-link" data-id="2111">
↳ See all 11 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="2112" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/custom-code-snippets/woocommerce-filters/>
<h5 class="pfd-aside-tax-title">WooCommerce Filters</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="29517" href="https://clone.wpastra.com/docs/change-woocommerce-out-of-stock-text/">Change Woocommerce Out of Stock Text</a></li><li><a class="pfd-aside-tax-link" data-post_id="46309" href="https://clone.wpastra.com/docs/disable-plus-minus-buttons/">How to Disable Product Quantity (Plus-Minus) Buttons?</a></li><li><a class="pfd-aside-tax-link" data-post_id="63041" href="https://clone.wpastra.com/docs/modify-quick-view-text/">How to Modify/Change the Quick View text?</a></li><li><a class="pfd-aside-tax-link" data-post_id="63056" href="https://clone.wpastra.com/docs/global-button-support-for-woocommerce-buttons/">Filter to Add Global Button Settings Support for WooCommerce Buttons</a></li><li><a class="pfd-aside-tax-link" data-post_id="91559" href="https://clone.wpastra.com/docs/update-mobile-cart-title/">Change the “Shopping Cart” Text for WooCommerce & EDD Mobile Header Cart</a></li><li><a class="pfd-aside-tax-link" data-post_id="101100" href="https://clone.wpastra.com/docs/fix-transparent-woocommerce-cart/">Fix Woocommerce Cart Becoming Transparent With Header Builder</a></li><li><a class="pfd-aside-tax-link" data-post_id="101457" href="https://clone.wpastra.com/docs/restrict-search-results-products/">Restrict Search Results to WooCommerce Products Only</a></li><li><a class="pfd-aside-tax-link" data-post_id="103256" href="https://clone.wpastra.com/docs/hide-quantity-when-cart-is-empty/">How To Hide Quantity Number When the Woocommerce Cart Is Empty?</a></li><li><a class="pfd-aside-tax-link" data-post_id="116477" href="https://clone.wpastra.com/docs/remove-astra-customization-for-woocommerce/">Remove Astra Customization for WooCommerce</a></li> </ul>
<a href="https://clone.wpastra.com/docs-category/custom-code-snippets/woocommerce-filters/" class="read-more-term-link" data-id="2112">
↳ See all 17 articles </a>
</div>
</div>
<div class="pfd-aside-tax pfd-category-toggled" data-id="2113" style="margin-left: 16px;">
<div class="pfd-aside-tax-header">
<a class="pfd-aside-tax-title-link" href=https://clone.wpastra.com/docs-category/custom-code-snippets/custom-css/>
<h5 class="pfd-aside-tax-title">Custom CSS</h5>
</a>
<span class="pfd-aside-doc-trigger" tabindex="0">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</div>
<div class="pfd-aside-tax-body">
<ul role="list" class="pfd-aside-tax-list">
<li><a class="pfd-aside-tax-link" data-post_id="13" href="https://clone.wpastra.com/docs/adding-custom-css-code/">How to Add Custom CSS Code Without Editing Theme Files?</a></li><li><a class="pfd-aside-tax-link" data-post_id="23510" href="https://clone.wpastra.com/docs/highlight-certain-menu-item/">How to Highlight a Certain Menu Item?</a></li><li><a class="pfd-aside-tax-link" data-post_id="23522" href="https://clone.wpastra.com/docs/design-bullets-lists/">How to Design Bullets & Lists?</a></li><li><a class="pfd-aside-tax-link" data-post_id="29269" href="https://clone.wpastra.com/docs/dim-content-on-menu-hover/">Dim Content on Menu Hover</a></li><li><a class="pfd-aside-tax-link" data-post_id="131568" href="https://clone.wpastra.com/docs/how-to-add-custom-css-and-javascript-to-astra-theme/">How to add custom CSS and JavaScript to Astra theme</a></li><li><a class="pfd-aside-tax-link" data-post_id="132809" href="https://clone.wpastra.com/docs/mobile-breakpoint-transparent-menu-color-issue/">Mobile Breakpoint Causes Issues with Transparent Header Menu Color</a></li><li><a class="pfd-aside-tax-link" data-post_id="191137" href="https://clone.wpastra.com/docs/display-coupon-field/">Display Coupon Field on Checkout & Cart Pages</a></li> </ul>
</div>
</div>
</div>
</div>
- Fix Swap Sections Not Working on Mobile (Old Astra Header)
- How to Remove Google Fonts Suggestions in Astra Theme?
- Remove default stretched block layout spacing
- How to Change the Logo on Specific Pages?
- How to remove horizontal & vertical gallery layouts from a single product page?
- Introducing New Filter to Enable/Disable Rank-Math Theme Support
- Enable/Disable YouTube videos from Astra admin dashboard
- How to Fix the Line Height Unit being converted to “EM”?
- How to Change WordPress Post labels to Projects
- Fix for – The PCLZIP_ERR_BAD_FORMAT (-10) Error
- Fix for – Parse error: syntax error, unexpected T_FUNCTION
- How to fix Fatal Error / White Screen of Death?
- Fix for- cURL error 51: SSL: no alternative certificate subject name matches target host name ‘websitedemos.net’
- Getting error – The package could not be installed. The theme is missing the style.css stylesheet?
- ‘The preview could not be loaded’ Pop Up with Astra and Elementor
- Troubleshooting Steps ( with Health Check & Troubleshooting plugin )
- How to Deal with Update Issues in Astra Theme and Astra Pro Addon?
- Blog Featured Image Size Not Working / Error in Image Processing Library
Build Your Header
The header is the top section of your website, shown across all (or almost all) pages and posts. It’s something that every website visitor sees first. It’s your chance for a great first impression.
This is a place for visitors to meet your brand, your offer, or an idea, and to be initially delighted and intrigued to explore your website further.
Astra Theme Walkthrough Docs:
- Astra Theme Walkthrough
- This Is Your Customizer
- Style Your Website With Global Settings
- Build Your Header (currently reading)
- Find the Way With Breadcrumbs
- Set Up Your Blog
- Add Your Sidebars
- Build Your Footer
- Host Google Fonts Locally – Performance Is the Key
- See Other Customizer Options
- How To Build Quick Sites With Astra?
- Getting the Most Out of Astra Theme
Astra theme comes with a drag & drop Header Builder – a perfect tool for you to create great headers quickly and without any coding. Here you will be able to add and customize your:
- Logo
- Site title and tags
- Header styles
- Website menus
- Header buttons
- Social icons
And more.
You have full freedom to position elements by just dragging them to any position in the header
Header Builder Elements
This is accessible at Appearance > Customize > Header.
All of your active header elements will be listed on the left-hand menu. Under “Header Types” you can find the transparent header settings.
The rest of the screen will show a live preview of your header and the position of your elements across header sections.
Note: Some of these options will only be visible when you upgrade to Astra Pro.
Site Title & Logo
This is your Site Identity & Logo element. In the General tab, you can add your Logo, set Logo width, and add a Different Logo for Retina devices.
You can also set Site Title, Site Tagline, and your Site Icon (favicon). This information is also displayed on the top of your website tab in your browser.
The Design tab is used if you want to add colors and margins to these elements.
Button
The button element is used for adding a custom button to your header. Add the Text, Link, and style (Design tab) button here.
Primary Menu
Here, you will find menu items added to your Primary Menu (WordPress Dashboard > Appearance > Menus).
The General tab provides you with these two submenu options:
- Submenu Width
- Item Divider (adds or removes divider between submenu items)
You can also decide if to set your menu items to Stack on Mobile. This is the most common setup for mobile menus – the menu items will be stacked one on top of the other.
The Design tab will allow you to customize:
- Menu Hover Style
- Style your Submenu Container
- Add submenu animations (a secondary menu that appears when you click or hover over a main menu option)
- Set the Text and Background Colors
- Menu Fonts, Manu Spacing, and Margin.
Transparent Header
Enabling a transparent header will remove the header background color and shift your content to the top of the page underneath the header, creating the transparency effect.
When the transparent header is enabled, it’s advisable to add a hero image (e.g., full-width image or video, sliders, etc.) or use sections without content (e.g., headings or text) positioned on top – this way, you will avoid overlapping the content and the header.
Transparent Header – General Options
Click the “Enable on Complete Website” option to enable the transparent header. This will also open up additional options to disable the Transparent Header for a specific page or post type.
Enable On – Choose to enable transparent header on Desktop, Mobile, or both (Desktop+Mobile)
Different Logo for Transparent Header – if your Logo looks good on the standard header, but maybe not so much with a transparent one, you can activate this option and set a different logo to be used for the transparent header.
You can also set the transparent header Logo Width. Depending on the logo you’re using, you might want to add a logo for Retina (higher pixel density) screens which should be at least 2x larger or more. Just click on “Different Logo for Retina Devices” and upload your retina Logo.
Transparent Header – Design Options
You’ll find options for styling your Transparent header here. Set the site title, background, menu, submenu, and colors.
Also, there are options for setting background overlay and bottom border. There’s much more you can do here.
The bottom border is by default set to 0px and thus not visible – increasing the border value (1px or more) will make it show on the frontend, and you will also get the option to set the Bottom Border Color.
Keep in mind that these settings are applied only to your Transparent header. If you’re using your regular header on some pages, these settings will not be applied there.
Designing Your Header Builder
The Design tab is used to set your header spacing.
Full Width will spread your header widgets from edge to edge of the screen;
Content Width limits your header widgets to be displayed using your content width – your header background will still be stretching from edge to edge of the screen.
Margin adds space to one or more sides of your header. This will add space to both your header widgets area and background.
With Astra Pro, you can access additional elements such as sticky headers, language switchers, and more design options overall.
Visual Header Builder
The header consists of three separate sections which you can see in the visual header builder area. You can use all three sections to add any element to any position.
These three sections are:
- Primary Header – this header is the middle section. It is most commonly used for adding your most important elements like Logo, Primary Menu, or Search, Cart, and Account.
- Above Header – this header is the upper section, and it is displayed above the Primary Header on your website. It can be used for your secondary elements, like the secondary menu, or elements like social icons, call-to-action buttons, etc. You can also use HTML code to add for example current discount periods, breaking news, or some notifications for the website visitors.
- Below Header – this header is the lower section, and it is displayed below the Primary Header on your website. The use of this header is the same as the Above Header.
The main purpose of the Above and Below Headers is to avoid cluttering the Primary Header. They extend the available area for adding all elements and information you need in your Header, as well as to provide a certain level of prioritization.
You can customize each section by clicking on the “settings” icon on the left side of the sections.
Each section has two tabs:
General
- Height – set the height of each header separately.
Design
- Bottom Border Size (& Color) – if you need to separate your header from another section or website content you can add a bottom border by setting the size of your border. Once you set your border size, an additional option will appear (Bottom Border Color) for choosing the color of the border;
- Background – Set the header background color;
- Padding – Add padding on one or more sides of the header. This will add space between the header section edges and content;
- Margin – Add margin on one or more sides of the header. This will add space between that header and other website areas (other headers, page/post content, screen edges, etc.);
Each header can be customized separately for desktop and mobile and can have different elements added for each view. The position of elements can also be changed.
Off Canvas
The Off Canvas section is used to edit your tablet/mobile menu. This menu is activated by clicking on the Toggle Button in the mobile menu (also called the “hamburger” menu).
To edit this menu, switch to tablet or mobile viewport editing. You can add elements to this menu and set their order the same way you edit other header sections.
Following are the customization options provided within the off canvas:
General Options for Off Canvas
- Header Type – Set Off Canvas type to Flyout (menu flying in from the right or left side of a screen), Full-Screen, or Dropdown;
- Dropdown Target – Choose if you want your submenus to open by clicking on the down-arrow icon (Icon) or by clicking on a whole menu item (Link)
- Content Alignment – align the Off Canvas section widgets to Left, Centar, or Right;
Design Options for Off Canvas
- Inner Element Spacing – adding space between the elements;
- Background – set the background color.
Adding Elements to Header with Visual Header Builder
Using the + icon, you can add the following elements to any of the 3 headers. These are the following:
Search
Adding this element will add a search function to your header. You can set the Icon Size, Icon Color, and Margin.
Social (Header)
You can add your social media icons using this element. You can manage your social media icons using the General tab – add, choose the icon, or remove them.
The Design tab holds the options for styling the icons.
Secondary Menu
You can add another (secondary) menu to your header if you need it. You can also use this if you wish to split your primary menu into two separate menus – for example, if you want to create a header with a centrally positioned Logo, with your menu items next to it on the left and right sides.
You can customize this menu the same way as the Primary Menu.
HTML
Use this element to add HTML code or shortcodes.
Widget
This is used to add any of the website widgets (Dashboard > Appearance > Widgets) to your header.
Toggle Button
The Toggle Button (also known as the hamburger icon or button) is used to expand your tablet/mobile menu. Thus, this element is only available on tablet or mobile views.
The General tab will enable you to choose the button Icon and Icon Size, add the Menu Label (text next to the icon) if you need it, and the Toggle Button Style.
The styling options are located in the Design tab: Icon Color, Background Color, Border Radius, and Margin.
Account
If you have some plugins like LearnDash or WooCommerce active, you can add the user account shortcut using this element.
Cart
This will add a Cart icon (WooCommerce) to your header. Next, set if the Cart Title should be displayed as well, or only the Cart icon, and whether you want to display a Cart Total too (General tab). You can also style your cart and your cart tray (Design tab).
That’s it with the article! We hope it helps you. For any assistance, contact our support team.
Was this doc helpful?
What went wrong?
We don't respond to the article feedback, we use it to improve our support content.