What's New with Astra

Fix:

• Saved value is overridden by Default value for HTML Element and Copyright Element in Customizer.
• Header Builder margin option default units were missing.
• Transparent Header – Submenu background color not working.

New:

• Ability to clone and delete elements from Header/Footer Builder. ( https://spectra-test.wpastra.com/docs/clone-delete-hf-elements/ )
• Added new color options for Add to Cart Tray.
• Language Switcher element for Header & Footer Builder.

Improvement:

• Redesigned the entire customizer UI for better user experience. ( https://spectra-test.wpastra.com/docs/revamped-astra-customizer/ )
• Added design options for Builder – Toggle Menu in Sticky header.
• Builder – Search – Placeholder text and color options.
• Builder – Search – Box height, Icon color and Background color options.
• Builder – Button – Added button size options.

Fix:

• Builder – Social Icons – Added ability to show the social icons in vertical layout for mobile devices.
• Builder – Sticky Header – Social icon, label custom color & official color not working.
• Corrected position of ‘Last Menu Item’ typography controls inside ‘Primary Menu’ section.
• Builder – Menu – Megamenu container get hides when hover in between Top Offset spacing.
• Sticky Header – Page scrolls to top in customizer when user switch to responsive mode.
• Submenu colors are not working in the frontend.
• Menu font size not working with old Header.
• Sticky Header – Menu link, background and hover colors not working for old header.
• Sticky Header – Site title and tagline color not working.
• White Label – Not able to white label the theme author and theme name in footer builder.
• Added missing widget title font family option.
• Product count value in cart element not aligned.
• Custom Layouts – Removed unwanted blank CSS while using spacing option.

Improvement:

• Redesigned the entire customizer UI for better user experience. ( https://spectra-test.wpastra.com/docs/revamped-astra-customizer/ )
• Added design options for Builder – Toggle Menu in Transparent header.
• Optimized dynamic CSS functionality to reduce unwanted CSS on the page.
• Overall HTML Structure improvement which includes removing blank spaces and removing unwanted HTML Tags.
• Optimized customizer by removing PHP controls.
• Optimized the SVG icons.
• Builder – Transparent Header – Placeholder Text and Color options for Search.
• Builder – Social Icons – Ability to add an extra Phone and Contact icons.
• Builder – Social Icons – Added ability to select icon from an Icon Picker for individual social elements
• Builder – Social Icons – Added a color option for labels of social icons.
• Builder – Off-Canvas – Added an option to manage spacing between inner elements of the Off-Canvas.
• Added new Page meta options for Above, Below and Mobile header.

Fix:

• Footer vertical alignment option not working.
• Above Footer & Below Footer showing up an unwanted border in the customizer preview.
• Updated Learn More Links on Astra Options page for Nav Menu & Easy Digital Downloads addon.
• Overflowing content not wrapping as per grid layout on responsive device for Header Footer builder layout.
• Builder – Transparent Header – Social icon, label custom color & official color not working.
• Builder – Transparent Header – Menu & Submenu style applying to Off-Canvas Menu.
• Block Cover align full CSS compatibility in Block editor with sidebar.
• Color picker icon not visible on hover.
• Font size not reverted back to the initial size when the value is deleted.
• Menu active link style not working when sub-menu item is active.
• Menu line height not being applied in frontend.
• Global Button Border and Typography controls are not working in the customizer preview.
• Breadcrumb position misalignment issue for inside header option.
• Search box misaligned in Dropdown option for Off-Canvas in Mobile.
• Submenu divider option adding heavy border around menu items on responsive devices.
• JS console error with Elementor – Header, Footer & Blocks plugin.
• Console error in customizer due to third party plugin dependency.
• Menu font size not working with old Header.
• Transparent Header – Menu link, background and hover colors not working for old header.
• Builder – Menu – Submenu container get hides when hover in between Top Offset spacing.-

Fix

• JS console error when Theme Header is replaced with third-party plugins header.

Fix:

• Mobile Header – Flyout Menu does not work for Sticky Header.
• Hide label description option not working in Mega Menu.

Fix:

• Fix: Dropdown link target option not working for menus inside Off-Canvas, when Off-Canvas type is Flyout or Full-Screen.
• Fix: Responsive option missing for typography.
• Fix: Submenu divider option adding heavy border around menu items on responsive devices.

Fix:

• Fix: Astra assets cache regeneration issue when Astra Pro is updated to v3.0.0 prior to theme. ( https://spectra-test.wpastra.com/docs/clear-astra-cache/ )
• Fix: UI Tab switching in color options for RTL websites.
• Fix: Builder – Duplicate listing of social icons in customizer.

New: Header Builder

• Introducing a new visual Header Builder that gives powerful options to design advanced header designs.
• Design different layers of header with – Above Header, Primary Header, and Below Header options. 
• Get all essential header elements like Button, HTML, Widget, Social Icon, Search, Menu, etc. right inside the header builder. 
• Freedom to place elements at any location in the header with simple drag-n-drop. 
• Get full control on background and height for Above, Below, and Primary header.
• Spacing options for each element in the header.
• Dedicated options to design header for responsive devices. Get full control over the mobile header and create a different look. 
• Added Mega Menu container’s Custom Width option.
• Added Mega Menu container margin and Padding Options.
• Improved Sticky Header Options. Know more here.
  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.
• Design different layers of footer with –  Above Footer, Primary Footer, and Below Footer.
• Use 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.
• Simply 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 provides a flexible columns-based structure where you can select column count and column layouts.
• Manage responsive layouts for the footer easily. 
• 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: Faster Loading Time 

With Astra 3.0 experience faster loading customizer as well as faster website  loading time in the frontend. 

Astra customizer will load faster than before so that you can design a website in less time. While Astra website will load faster in the frontend delivering a great experience for your users.

Other Improvements and Fixes:

• Improvement: Added customizer partial refresh support in a few options.
• Improvement: Custom Layouts – Added compatibility to new Custom Layouts Hooks with respect to the new Header/Footer.
• Improvement: Page Header – Added compatibility to Page Headers with respect to the new Header/Footer.
• Improvement: Overall HTML Structure improvement which includes removing blank spaces and removing unwanted HTML Tags.
• Improvement: Ability to add any number of Elements in Header and Footer using a filter from the child theme.
• Fix: Sticky Header – Shrink option issue with alignment.
• Fix: Sticky Header background color not working in some cases.
• Fix: Page Header – Display Below Header option not working.

New: Header Builder

• Introducing a new visual Header Builder that gives powerful options to design advanced header designs.
• Design different layers of header with – Above Header, Primary Header, and Below Header options. 
• Get all essential header elements like Button, HTML, Widget, Social Icon, Search, Menu, etc. right inside the header builder. 
• Freedom to place elements at any location in the header with simple drag-n-drop. 
• Get full control on background and height for Above, Below, and Primary header.
• Spacing options for each element in the header.
• Dedicated options to design header for responsive devices. Get full control over the mobile header and create a different look. 
• Create quick and better Transparent Headers in just a few clicks.
• 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.
• Design different layers of footer with –  Above Footer, Primary Footer, and Below Footer.
• Use 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.
• Simply 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 provides a flexible columns-based structure where you can select column count and column layouts.
• Manage responsive layouts for the footer easily. 
• 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: Faster Loading Time 

With Astra 3.0 experience faster loading customizer as well as faster website  loading time in the frontend. 

Astra customizer will load faster than before so that you can design a website in less time. While Astra website will load faster in the frontend delivering a great experience for your users. 

Here are detailed improvements – 

• Load CSS only when their respective options are enabled – Frontend optimization.
• Removed old CSS that is already supported by browsers.
• Removed unused grid layout related CSS.
• Overall HTML Structure improvement which includes removing blank spaces and removing unwanted HTML Tags.
• Conditionally loaded Elementor, EDD, Comment and Pagination related CSS only when they are used.
• Replaced flex related CSS with theme predefined CSS classes.
• Main JS code optimization.

Other Improvements and Fixes: 

• Improvement: Removed old CSS that is already supported by browsers.
• Improvement: Removed unused grid layout related CSS.
• Improvement: Overall HTML Structure improvement which includes removing blank spaces and removing unwanted HTML Tags.
• Improvement: Conditionally loaded Elementor, EDD, Comment and Pagination related CSS only when they are used.
• Improvement: Replaced flex related CSS with theme predefined CSS classes.
• Improvement: Main JS code optimization.
• Improvement: Added customizer partial refresh support in a few options.
• Improvement: Added Stack and Inline option for Footer.
• Improvement: Builder – Menu – Added Submenu container width option.
• Improvement: Builder – Menu – Added Submenu container radius option.
• Improvement: Builder – Menu – Added Submenu container top offset.
• Improvement: Builder – Menu – Added menu hover animation styles.
• Improvement: Builder – Off-Canvas – Added container alignment option.
• Improvement: Removed extra localized variable declaration.
• Improvement: Load CSS only when their respective options are enabled – Frontend optimization.
• Improvement: Removed .wp-smiley CSS – Frontend optimization.
• Improvement: Removed unused extra CSS from main CSS file – Frontend optimization.
• Improvement: Replace flex related CSS with the predefined CSS classes present in theme – Frontend optimization.
• Improvement: Faster Customizer experience with respect to Design/General Tab change.
• Improvement: Loaded animation CSS only when needed.
• Improvement: Improved the UI in customizer for Footer Builder.
• Improvement: Responsive – Added responsive compatibility to Footer Inner Column Spacing.
• Improvement: Responsive – Added responsive compatibility to Social Icon Size and Social Icon Spacing.
• Improvement: Responsive – Added responsive compatibility to Search Icon Color.
• Improvement: Responsive – Added responsive compatibility to HTML Element related Colors.
• Improvement: Responsive – Added responsive compatibility to Widget Element related Colors.
• Improvement: Responsive – Added responsive compatibility to Above, Below and Primary Header height.
• Improvement: Responsive – Added responsive compatibility to Footer Menu layout.
• Improvement: Responsive – Added responsive compatibility to Footer Column Layout.
• Fix: Allowed negative margin values
• Fix: Builder – Social spacing option not accepting 0 as a value.
• Fix: Fixed the issue with Global Button hover color not being applied to Header/Footer Buttons.
• Fix: Primary Menu – Font Weight not being applied in frontend.
• Fix: Off Canvas – Fixed issue with Sub Menu colors, typography and other inheriting properties.
• Fix: Primary Menu – Fixed an issue with Stack on Mobile option not in action in some rare scenario.
• Fix: Footer – Added default Stack layout for Footer Columns.
• Fix: Toggle Button – Fixed an issue Toggle Button SVG looking odd.
• Fix: Button – Fixed an issue with mismatched EM/PX with respect to Margin.
• Fix: AMP Compatibility – Fixed an issue with Menu animation JS for AMP pages.
• Fix: Slider Control – Fixed an issue with zero value not being accepted by the Slider Control.
• Fix: RTL fixes for customizer custom controls.
• Fix: Black patch being shown while transitioning between show/hide click of the builder.
• Fix: Socials element edit pencil icon was misaligned in Header and Footer.
• Fix: Margin and Padding option for Header / Footer Elements not working with defaults.