Sidebars are used to display supplementary information, navigation menus, advertisements, or other relevant content that enhances the user’s experience or provides additional context to the main content.
They help readers navigate through your website easily.
Astra Theme Walkthrough Docs:
- 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
- Add Your Sidebars (currently reading)
- 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
Enable Sidebar for the Entire Website
The Sidebar option in your Customizer allows you to add sidebars across your entire website by setting Default Layout.
You can access this section from your WordPress dashboard at Appearance > Customize > Sidebar.
These are the available sidebar options to be chosen:
No Sidebar
This is the default selected option. Choose this if you do not want to display a sidebar on your website.
Left Sidebar
Displays the sidebar on the left side of your website.
Right Sidebar
Displays the sidebar on the right side of your website.
Sidebar Style
Set the sidebar style as either boxed or unboxed.
Sidebar Width
You can increase/decrease the size of your sidebar by adjusting this slider.
Enable Sticky Sidebar
The sidebar sticks to the side of your screen as you scroll down. Learn more about it here.
Note: The above options will apply these sidebar settings all across your website.
Enable Sidebar for Individual Pages
Individual pages and posts can have different sidebars.
You can set different sidebar options independently for the following locations:
- Pages
- Blog Posts
- Archives (like Blog Archive for example)
You can access these sidebar settings on their individual page-level settings. For example, to enable a sidebar for single posts, go to Appearance > Customize > Blog > Single Post.
Note: Depending on what plugins you have activated, you will be able to set the sidebars for additional pages (e.g. WooCommerce or LearnDash pages).
Click on the Publish button to apply these changes.
Here’s a video demonstration of how each of the sidebars looks in real-time:
That’s all! We hope this guide helps you. If you face any issues, please contact us. We’re always here to help!
