How To Change Header Height – Header Builder Astra Theme

YouTube video

Adjusting the height of your website’s header can have a significant impact on its overall look and usability. A well-proportioned header can enhance both the aesthetic appeal and functionality of your site. If you are using the Astra theme in WordPress, you can easily customize the height of your header to better fit your design needs through the Header Builder. This guide will walk you through the steps to change the header height in the Astra theme, allowing you to achieve the perfect balance and layout for your site.

  1. Access WordPress Dashboard: Begin by logging into your WordPress backend. This is the central control panel where you manage your site’s settings and content.
  2. Navigate to Astra Theme Settings: In the dashboard, look for the ‘Astra’ option in the left-hand menu bar. Click on this option to open the settings specific to the Astra theme.
  3. Go to Theme Customizer: Find and click on the ‘Go to Customizer’ link or button within the Astra settings. This will take you to the WordPress Customizer, a tool that allows you to make live adjustments to your theme.
  4. Enter Header Builder: In the WordPress Customizer, locate and select ‘Header Builder’. The Header Builder is an integral part of the Astra theme that lets you customize various aspects of your site’s header.
  5. Adjust Primary Header Settings: Look for the settings icon for the primary header, usually located at the bottom of the page in the Header Builder. Click on this icon to access the settings for the primary header.
  6. Change Header Height: Within the primary header settings, locate the ‘Height’ option. Change this setting to increase or decrease the height of your header according to your design preference.
  7. Publish the Changes: After adjusting the header height to your liking, click on the ‘Publish’ button. This will save your changes and apply the new header height to your live website.

Customizing the height of your header in the Astra theme is a simple yet effective way to enhance your website’s design and user experience. Whether you’re aiming for a minimalistic look with a slimmer header or a more prominent header with additional space for content, adjusting the height allows you to achieve your desired layout. Always preview your changes on different devices to ensure that the new header height is visually appealing and functional across all platforms.