What's New with Astra

New:

• ‘Related Posts’ feature for single post layout. (https://optimization.bsf.io/docs/display-related-posts/)

Improvement:

• Customizer – Reduce one click in Global Colors section by popping out Base Colors into parent section.
• Gutenberg Editor – Compatibility with Starter Templates Blocks design in editor. (https://optimization.bsf.io/docs/fix-spacing-gb-blocks/)
• Update toolset-config.json towards Toolset 1.5 compatibility. (Props – https://github.com/decodekult)
• Frontend optimization by reducing one request for Menu animation CSS in default theme though option is available to add menu animation.
• Frontend optimization by replacing Flyout Menu with Dropdown menu for default theme.

Fix:

• AMP – Mobile menu not working for AMP pages for the Header Footer builder.
• Cart & Toggle Button elements are not aligned with each other on Mobile Devices.
• Search Element alignment in Off-Canvas & Dropdown.
• Builder – Menu – Submenu hover color from Transparent Header directly applying to nested sub-menu items without hovering them.
• Search – Search Box opens & gets closed automatically on click of search icon in slide search style on mobile devices.
• Customizer – Edit shortcut button design breaks when Elementor template kit is active on site.
• Customizer – Maintained identical reset buttons UI in background control.
• Builder – HTML – If element is used in Primary Header & line-height is blank in element then it’s inheriting from Primary Header bar which is 3em.
• Builder – Footer – Background Color picker popup cutting at it’s edge in Footer Builder section.
• Menu Hover/Active link not working in Customizer & Frontend for tablet & mobile.
• Off-Canvas & Dropdown does not close when you click a one page navigation link inside them.
• Gutenberg Editor – Unable to edit content in editor when background styles applied to Content and Site Layout is Max-Width.
• Height of Mobile Header increases when we open Dropdown for Old Header.
• Builder – Menu – After partial refresh megamenu’s width & left position removes in customizer.
• Transparent Header – Normal colors not working for transparent header if colors are not set from Transparent Header settings.
• Container Width option hides in Container section when Astra Pro is active but all addons are deactivate.
• Context Switch does not work if there are no elements in Primary Header for both Desktop & Mobile.
• Deprecated the Cart Style ‘None’ & merged it with existing option ‘Outline’ for WooCommerce and EDD.
• Accessibility – Tab navigation does not highlight menu with submenus.
• JavaScript error when clicking on the Dropdown Toggle for Sticky Header on Mobile.
• Scroll does not work in Off-Canvas.
• Spacing not working properly for Social Element when ‘Stack on’ & ‘Icon Spacing’ options value is changed in Customizer Preview.
• RTL WooCommerce Shop page – on Mobile Grid single column was appearing when two columns were set from the customizer setting for existing users.

New:

• ‘Start Time’ and ‘End Time’ rules for Custom Layouts. (https://optimization.bsf.io/docs/custom-layouts-pro/)
• ‘Responsive Visibility’ rules for Custom Layouts. (https://optimization.bsf.io/docs/custom-layouts-pro/)

Fix:

• Remove unnecessary gap between the Mobile Header & Dropdown.
• Search element margin not working.
• Breadcrumb in the page headers show warnings on structure testing tool.
• Gutenberg Editor – Unable to edit content in editor when background styles applied to Content and Site Layout is Max-Width.
• Builder – Menu – After partial refresh megamenu’s width & left position removes in customizer.
• Enable Code Editor button misaligned in Gutenberg editor when Starter Templates plugin is active.
• Sticky Header – Below header menu hover color issue when the mega menu is enabled.
• Search Box Styling not working.

Fix:

• Previous & Next navigation icons not appearing on WooCommerce single product page.
• Close icon not appearing for WooCommerce Quick View on Shop Page.

Fix:

• Elementor – Theme Builder archive page contents are not aligned center.
• Elementor – Elementor editor panel switches back to the main panel while using the responsive view.

Fix:

• Builder – Illegal offset warning for footer divider with invalid vertical size.
• Icons not appearing for WooCommerce Off-Canvas filter on Shop Page.

Fix:

• Transparent Header disappears if we add Widget 2 element.
• Builder – Multiple headers visible on frontend.
• Builder – Menu – not able to hover and click on submenu.
• Blog Archive – Layout 1 and Layout 2 are not working for existing users when addon activated.

Fix:

• WooCommerce Shop page – on Mobile Grid single column was appearing when two columns were set from the customizer setting for existing users.
• Fatal error on sites due to incorrect migration flag.

New:

• Builder – Introduced new element Toggle for Desktop. (https://optimization.bsf.io/docs/toggle-button-for-desktop/)
• SVG Icons support ( deprecating astra.woff font file ) (https://optimization.bsf.io/docs/ast-font-icons-to-svg/)

Improvement:

• Redesigned the image resize control UI in customizer for better user experience.
• Builder – Menu – Added box-shadow option for submenu container.
• Code quality improvements for better performance.
• WordPress 5.7 compatibility.
• Frontend optimization – WooCommerce – Shop Page, Single Product Page. (https://optimization.bsf.io/docs/optimize-css-html-before-3-3/)
• Frontend optimization – EDD – Shop Page, Single Product Page.
• Frontend optimization – LifterLMS – All Courses Page.
• Frontend optimization – LearnDash – All Courses Page, Single Course Page.

Fix:

• Builder – Account Element – Added better notices for user understanding when Profile Action is set to Menu.
• Above Header and Below Header compatibility in Page Header.
• Menu container width not calculated properly when Mega Menu Width is set to Menu Container Width.
• Vertical Alignment for Above, Below, and Primary footer not working when the addon is active.
• Divider being invisible in some cases due to invalid width/height references.

Deprecated:

• Footer Divider – Deprecated the vertical layout size in percentage and added it in px.
• Header Divider – Deprecated the horizontal layout size in percentage and added it in px.

New:

• Transparent Header – WooCommerce Cart & EDD Cart icon color options.
• Builder – Off-Canvas – Added spacing option for Off-Canvas.
• SVG Icons support ( deprecating astra.woff font file ) (https://optimization.bsf.io/docs/ast-font-icons-to-svg/)

Improvement:

• Builder – Mobile Menu – Renamed Mobile Menu to Off-Canvas Menu.
• Builder – Added instructive message in the builder side panel when builder layout does not have any element in use.
• Replaced responsive number control with a responsive slider control for Base Font Size in Typography section.
• Gutenberg Editor – Block patterns compatibility. (https://optimization.bsf.io/docs/fix-spacing-gb-blocks/)
• Compatibility with WordPress 5.7.
• Code quality improvements for better performance.
• Load minified customizer preview files for better performance.
• Frontend optimization – Comments, Pagination, Single Page, Single Post, Archive Page. (https://optimization.bsf.io/docs/optimize-css-html-before-3-3/)
• Frontend optimization – WooCommerce – Shop Page, Single Product Page.
• Frontend optimization – EDD – Shop Page, Single Product Page.
• Frontend optimization – LifterLMS – All Courses Page.
• Frontend optimization – LearnDash – All Courses Page, Single Course Page.

Fix:

• White Label – White-labeled the Astra Header Footer setting notice.
• WooCommerce – Single Product page – Save review form fields cookies consent is misaligned.
• Builder – Off-Canvas – Close submenu toggle icon not changing in Mobile Menu element when the submenu is in the expanded state.
• Builder – Header – Frontend grid layout overlaps on the content section when multiple elements added in the same header layout.
• Builder – Footer – Customizer’s 2nd column stack layout SVG is missing in footer layouts for responsive devices.
• Builder – Footer – Responsive control for layouts gets hidden with the click of WordPress default responsive controls.
• Block Editor – Code Block spacing CSS tweaks when it is left aligned.