How To Enable/Disable Item Divider Mobile Menu Header Builder Astra Theme

YouTube video

Enhancing the mobile browsing experience on your website can involve various adjustments, including the decision to enable or disable item dividers in the mobile menu. For WordPress sites utilizing the Astra Theme, this customization can be efficiently handled through the Header Builder. Item dividers can play a significant role in the visual organization of your mobile menu, affecting the ease of navigation for users. This guide will take you through the steps to enable or disable the item divider in the mobile menu of the Astra Theme, allowing you to refine the user experience on mobile devices.

  1. Access WordPress Backend: Begin by logging into the dashboard of your WordPress site. This backend area is where you control and manage your website’s content and settings.
  2. Navigate to Astra Settings: On your dashboard, find ‘Astra’ in the left-side menu and click on it. This will lead you to the settings specific to the Astra Theme.
  3. Open Theme Customizer: In the Astra settings, look for the ‘Go to Customizer’ button and click on it. The theme customizer is a powerful tool for adjusting various elements of your theme.
  4. Access Header Builder: Within the theme customizer, locate and select ‘Header Builder’. The Header Builder is an Astra feature that lets you customize your site’s header, including mobile menu settings.
  5. Toggle to Phone View: To ensure you’re making changes to the mobile menu, toggle to the phone view in the theme customizer. This mode lets you see how your adjustments will appear on mobile devices.
  6. Select Off-Canvas Menu: In the Header Builder, find and click on ‘Off-Canvas Menu’. This option is responsible for managing the settings of the mobile menu, including the item dividers.
  7. Adjust Item Divider Setting: Once in the Off-Canvas Menu settings, locate the ‘Item Divider’ option. Here, you can choose to enable or disable the dividers that separate items in your mobile menu. Adjust this setting to suit your website’s design and user experience needs.
  8. Publish Your Changes: After you have set the item divider as desired, click on ‘Publish’ to save and apply these changes. This action will update your mobile menu to reflect your new settings.

Tailoring the mobile menu in your Astra Theme website by enabling or disabling item dividers is an effective way to refine the user interface for mobile visitors. This customization can lead to a cleaner and more navigable mobile menu, enhancing the overall mobile user experience. It’s always a good practice to check your changes on an actual mobile device to ensure the adjustments are effective and visually appealing.