What's New with Astra

Fix:

• ‘Enable Code Editor’ button not appearing in Custom Layout editor when no Page Builders were active & in Firefox browser.
• ‘Enable Code Editor’ & ‘Enable WordPress editor’ button text mismatch issue when classic editor plugin is active.

Fix:

• Fatal error Uncaught Error: Class 'Astra_Builder_Helper' not found with Astra theme version 3.0.0-beta.2.

New:

• Visibility options – Now user can hide a few options as per devices.
• Divider Element – Horizontal & Vertical Divider for both Header and Footer.
• WooCommerce Cart and EDD Cart Element for Header.

Improvement:

• Faster Customizer experience with respect to Design/General Tab change.
• Ability to add any number of Elements in Header and Footer using a filter from the child theme.
• Loaded animation CSS only when needed.
• Improved the UI in customizer for Footer Builder.
• Custom Layouts – Added compatibility to new Custom Layouts Hooks with respect to the new Header/Footer.
• Page Header – Added compatibility to Page Headers with respect to the new Header/Footer.
• Responsive – Added responsive compatibility to Footer Inner Column Spacing.
• Responsive – Added responsive compatibility to Social Icon Size and Social Icon Spacing.
• Responsive – Added responsive compatibility to Search Icon Color.
• Responsive – Added responsive compatibility to HTML Element related Colors.
• Responsive – Added responsive compatibility to Widget Element related Colors.
• Responsive – Added responsive compatibility to Above, Below and Primary Header height.
• Responsive – Added responsive compatibility to Footer Menu layout.
• Responsive – Added responsive compatibility to the Footer Column Layout.

Fix:

• Allowed negative margin values
• Fixed the issue with Global Button hover color not being applied to Header/Footer Buttons.
• Sticky Header – Shrink option issue with alignment.
• Primary Menu – Font Weight not being applied in frontend.
• Off-Canvas – Fixed issue with Sub Menu colors, typography, and other inherited properties.
• Primary Menu – Fixed an issue with the Stack on Mobile option, not in action in some rare scenario.
• Footer – Added default Stack layout for Footer Columns.
• Toggle Button – Fixed an issue Toggle Button SVG looking odd.
• Button – Fixed an issue with mismatched EM/PX with respect to Margin.
• AMP Compatibility – Fixed an issue with Menu animation JS for AMP pages.
• Slider Control – Fixed an issue with zero value not being accepted by the Slider Control.

New:

• Visibility options – Now user can hide a few options as per devices.
• Divider Element – Horizontal & Vertical Divider for both Header and Footer.
• WooCommerce Cart and EDD Cart Element for Header.
• Added new Mobile Menu element.

Improvement:

• Load CSS only when their respective options are enabled – Frontend optimization.
• Remove .wp-smiley CSS – Frontend optimization.
• Remove unused extra CSS from the main CSS file – Frontend optimization.
• Replace flex related CSS with the predefined CSS classes present in theme – Frontend optimization.
• Faster Customizer experience with respect to Design/General Tab change.
• Ability to add any number of Elements in Header and Footer using a filter from the child theme.
• Loaded animation CSS only when needed.
• Improved the UI in customizer for Footer Builder.
• Custom Layouts – Added compatibility to new Custom Layouts Hooks with respect to the new Header/Footer.
• Page Header – Added compatibility to Page Headers with respect to the new Header/Footer.
• Responsive – Added responsive compatibility to Footer Inner Column Spacing.
• Responsive – Added responsive compatibility to Social Icon Size and Social Icon Spacing.
• Responsive – Added responsive compatibility to Search Icon Color.
• Responsive – Added responsive compatibility to HTML Element related Colors.
• Responsive – Added responsive compatibility to Widget Element related Colors.
• Responsive – Added responsive compatibility to Above, Below and Primary Header height.
• Responsive – Added responsive compatibility to Footer Menu layout.
• Responsive – Added responsive compatibility to the Footer Column Layout.

Fix:

• Allowed negative margin values
• Fixed the issue with Global Button hover color not being applied to Header/Footer Buttons.
• Sticky Header – Shrink option issue with alignment.
• Primary Menu – Font Weight not being applied in frontend.
• Off-Canvas – Fixed issue with Sub Menu colors, typography, and other inherited properties.
• Primary Menu – Fixed an issue with the Stack on Mobile option, not in action in some rare scenario.
• Footer – Added default Stack layout for Footer Columns.
• Toggle Button – Fixed an issue Toggle Button SVG looking odd.
• Button – Fixed an issue with mismatched EM/PX with respect to Margin.
• AMP Compatibility – Fixed an issue with Menu animation JS for AMP pages.
• Slider Control – Fixed an issue with zero value not being accepted by the Slider Control.

Improvement:

• Frontend optimization by loading WooCommerce ‘Shop Page’ pagination JS file conditionally.
• Frontend optimization by loading ‘Blog Page’ infinite pagination JS conditionally.

Fix:

• Fatal error on changing the value of some controls in Customizer – compatibility with PHP 8.0.

Fix:

• Gradient Color control UI compatibility with WordPress 5.6.
• Background Image control UI compatibility with WordPress 5.6.
• Fatal error on changing the value of some controls in Customizer – compatibility with PHP 8.0.

New: Header Builder

• Introducing a new visual Header Builder that gives a flexible and advanced header designing experience.
• It offers different layers for header – Above Header, Primary Header, and Below Header.
• You can drag-n-drop elements in different sections of the header. It gives you the freedom to place elements at any location in the header quickly.
• It offers different essential header elements like Button, HTML, Widget, Social Icon, Search, Menu, etc. So that you can add all the required information easily with few clicks.
• Get background and height options for Above, Below, and Primary header.
• Spacing options for each element in the header.
• You can design a completely different header for responsive devices with handy mobile header options.
• Refer to a detailed comparison of features available with Astra free and Pro. ( https://spectra-test.wpastra.com/astra-free-vs-pro/ )

New: Footer Builder

• Introducing a new visual Footer Builder that gives the ability to design unique footers for your website.
• It offers different layers for the footer – Above Footer, Primary Footer, and Below Footer.
• You can drag-n-drop elements in different sections of the footer. It gives you the freedom to place elements at any location in the footer quickly.
• It offers different essential footer elements like Copyright, Button, HTML, Widget, Social Icon, Search, Footer Menu, etc. So that you can add all the required information easily with few clicks.
• It provides a flexible columns-based structure where you can select column count and column layouts. This lets you manage the footer look easily.
• Create responsive layouts for the footer.
• Spacing and alignment options for each element in the footer.
• Refer to a detailed comparison of features available with Astra free and Pro. ( https://spectra-test.wpastra.com/astra-free-vs-pro/ )

Improvement: Improved Customizer

• Experience faster loading customizer. Astra customizer is now upgraded with ReactJS that gives a quick and swift customizer experience.
• For quick access and faster editing, customization options are segregated and served with two different tabs – General and Design.
• Now get a faster customizer preview than before. Header and Footer sections will be partially refreshed on any change in the customizer.

New: Header Builder

• Introducing a new visual Header Builder that gives a flexible and advanced header designing experience.
• It offers different layers for header – Above Header, Primary Header, and Below Header.
• You can drag-n-drop elements in different sections of the header. It gives you the freedom to place elements at any location in the header quickly.
• It offers different essential header elements like Button, HTML, Widget, Social Icon, Search, Menu, etc. So that you can add all the required information easily with few clicks.
• Get background and height options for Above, Below, and Primary header.
• Spacing options for each element in the header.
• You can design a completely different header for responsive devices with handy mobile header options.
• Refer to a detailed comparison of features available with Astra free and Pro. ( https://spectra-test.wpastra.com/astra-free-vs-pro/ )

New: Footer Builder

• Introducing a new visual Footer Builder that gives the ability to design unique footers for your website.
• It offers different layers for the footer – Above Footer, Primary Footer, and Below Footer.
• You can drag-n-drop elements in different sections of the footer. It gives you the freedom to place elements at any location in the footer quickly.
• It offers different essential footer elements like Copyright, Button, HTML, Widget, Social Icon, Search, Footer Menu, etc. So that you can add all the required information easily with few clicks.
• It provides a flexible columns-based structure where you can select column count and column layouts. This lets you manage the footer look easily.
• Create responsive layouts for the footer.
• Spacing and alignment options for each element in the footer.
• Refer to a detailed comparison of features available with Astra free and Pro. ( https://spectra-test.wpastra.com/astra-free-vs-pro/ )

Improvement: Improved Customizer

• Experience faster loading customizer. Astra customizer is now upgraded with ReactJS that gives a quick and swift customizer experience.
• For quick access and faster editing, customization options are segregated and served with two different tabs – General and Design.
• Now get a faster customizer preview than before. Header and Footer sections will be partially refreshed on any change in the customizer.

Improvement:

• Compatibility with the Gutenberg plugin.