How To Change Cart Icon Size – Header Builder Astra Theme

YouTube video

Tailoring the size of the cart icon on your e-commerce website is an essential aspect of web design that can impact both aesthetics and user experience. A properly sized cart icon can enhance visibility and accessibility, ensuring a seamless shopping experience for your customers. If your WordPress site uses the Astra theme, adjusting the cart icon size is a straightforward process through the Header Builder. This guide will demonstrate how to change the cart icon size in the Astra theme, allowing you to achieve an optimal balance between functionality and design.

  1. Access WordPress Dashboard: Begin by logging into your WordPress backend. This dashboard is the control center for managing the settings and content of your WordPress website.
  2. Navigate to Astra Theme Settings: In the dashboard, find and click on the ‘Astra’ option in the left-hand menu bar. This will take you to the settings page specific to the Astra theme.
  3. Go to Theme Customizer: Look for the ‘Go to Customizer’ link or button within the Astra settings and click on it. This opens the WordPress Customizer, where you can make live edits to your theme.
  4. Open Header Builder: In the WordPress Customizer, select ‘Header Builder’. The Header Builder is a feature of the Astra theme that allows for detailed customization of your site’s header.
  5. Access Cart Settings: Click on ‘Cart’ within the Header Builder. Ensure that the cart module is added to your header; otherwise, the icon size setting will not be available.
  6. Adjust Design Settings: In the cart settings, click on the ‘Design’ tab. This tab contains various design options, including those for the cart icon.
  7. Change Cart Icon Size: Locate the ‘Icon Size’ option within the design settings. Adjust this setting to increase or decrease the size of the cart icon according to your design preference.
  8. Publish the Changes: After selecting the desired size for your cart icon, click on the ‘Publish’ button. This will save and apply the new icon size to your live website.

Customizing the cart icon size in your Astra-themed WordPress site is a simple yet effective way to enhance your e-commerce platform’s usability and aesthetic appeal. The right icon size can make the cart more noticeable and accessible, contributing to a smoother shopping experience for your customers. Always preview your changes on different devices to ensure the icon size is appropriate and visually appealing across all platforms.