What's New with Astra

Improvement:

• Added a new filter ‘astra_settings_metabox_register’ to prevent loading of block based Astra Settings metabox. ( https://optimization.bsf.io/docs/hide-astra-settings-for-user-roles/ )
• Introducing new breadcrumb separators.
• Site Background color will be applied as the background color for Full-Width – Contained/Stretched layouts instead of Content Background color. ( https://optimization.bsf.io/docs/applying-content-background-to-full-width-layouts/ )

Fix:

• W3 validation – Removed an attribute tabindex for dropdown menu toggle.
• W3 validation – legend HTML tag missing for comment section.
• Related Posts – Post Query – Order by Random option not working as expected.
• W3 validation – aria-label attribute is missing for cart off-canvas drawer.
• Dropdown menu appearing when flyout/fullscreen header type is selected for mobile/tablet in the customizer preview.
• W3 validation – Builder – Account – Duplicate IDs for account icons.
• Elementor Pro – WooCommerce Grid layout support in WooCommerce Products Archive widget.
• Accessibility – Tab navigation does not highlight slider search Icon.
• JS Error – Uncaught ReferenceError: bodyElement is not defined.
• WooCommerce – Blank Flyout shopping cart appearing on checkout & cart page for mobile/tablet devices.
• Gutenberg editor – Gutenberg Blocks jerks when users edit any of the blocks.
• Gutenberg editor – Block Editor layout showing issue with heading block on page or post.
• Astra meta settings are not getting saved when Classic editor is enabled.
• Menu disappears on the Android mobile devices when Header Type is set as Dropdown.
• Elementor Popup – Youtube video fullscreen not working when the cart element is added.
• Submenus are misaligned with the old Astra header menu for specific cases.
• WooCommerce – Product Categories widget’s hierarchy layout is missing on the Frontend.
• Column Block – Layout options missing when nested inside Group/Cover Blocks.

Improvement:

• Compatibility with WordPress 5.9.

Fix:

• var() colors code appearing in block editor theme palette picker.
• There is no gap between the post edit title & first content block in the block editor.
• Color picker’s UI breaking in customizer & in block editor.
• Gradient picker’s UI breaking inside color picker.
• Column figure blocks overlapping on one another in block editor.
• WooCommerce – Variation product label is not align properly with WooCommerce 6.1 version.

Improvement:

• Added a new filter ‘astra_web_stories_position’ to change the position of web stories. ( https://optimization.bsf.io/docs/change-web-stories-position/ )
• Builder – Button – Added typography options from Astra Pro to free theme.

Fix:

• Mobile menu does not close when you click a one page navigation link inside them.
• Responsive color options from ‘color-group-control’ are hiding when trying to set them in responsive devices.
• Removed unwanted title and desc tag present for search icon.
• WooCommerce Pagination markup misaligned on mobile devices.
• Gutenberg separator dots not appearing properly on frontend.
• JS console error when Custom Layout is added for header.
• Accessibility – Tab navigation does not highlight menu with submenus.
• Filter to disable all Meta Settings of Page/Post by default is not working in Gutenberg based metabox. ( https://optimization.bsf.io/docs/disable-all-meta-settings-of-page-post-by-default/ )

Improvement:

• Added compatibility for Elementor Pro v3.5.0 WooCommerce widgets.

Fix:

• WPForms submit button not inheriting global button text color.
• ‘Disable Below Header’ option is not visible in Astra meta settings.
• LearnDash – Astra meta settings are not getting saved for the course page.

New:

• Breadcrumb compatibility with SEOPress plugin. ( https://optimization.bsf.io/docs/add-breadcrumbs-with-astra/#support-for-third-party-plugins )

Improvement:

• Gutenberg editor core blocks UI/UX improvement. ( https://optimization.bsf.io/docs/gutenberg-ui-improvements-with-astra/ )
• Code refactor – Some filters, functions, hooks are deprecated and replaced with astra_ prefix NamingConvention. ( https://optimization.bsf.io/docs/deprecated-astra-hooks/ )
• Gutenberg frontend blocks UI improvement. ( https://optimization.bsf.io/docs/gutenberg-ui-improvements-with-astra/ )
• Global – Typography – Heading presets value should also retain in H1 to H6.
• Moved Astra meta settings into a separate Gutenberg sidebar panel.

Fix:

• W3 validation – Getting duplicate H1 tag for site-title.
• W3 validation – Duplicate HTML id ‘#site-navigation’ if there are multiple menus on a single page.
• W3 validation – CSS parse error for ‘.menu-link’ & ‘.wp-block-button__link’.
• W3 validation – Duplicate ID: ‘#ast-hf-mobile-menu’. This change may break CSS if you have used custom CSS on ‘#ast-hf-mobile-menu’ HTML ID.
• W3 validation – Duplicate ID: ‘#Layer_1’. This change may break CSS if you have used custom CSS on ‘#Layer_1’ HTML ID.
• Gutenberg Editor content area showing white background color when Full-screen mode is active.
• Color picker tooltip appears on hover of selection area & its palette.
• The default “Add Widget” text alignment issue in the header.
• Image and Text blocks alignment not working properly with Image size – Medium in the editor.
• Alignwide blocks getting horizontal scrollbar on tablet breakpoint & 1400px between devices. (Props – https://github.com/ZebulanStanphill)
• Inner container Gutenberg block’s content width not affected by “Container Width” option. (Props – https://github.com/ZebulanStanphill)
• Gutenberg – Font weight for the heading typography is appearing differently on the editor and frontend.
• WooCommerce – Broken grid layout on mobile view for products shortcode.
• Title is misaligned in Gutenberg editor when the Gutenberg plugin v11.4.1 and above is active.
• The hamburger button is not changing its aria-expanded attribute to true on expanding.

Fix:

• Fix: Builder – Offcanvas content directly visible on frontend even when ‘Toggle Button’ component is not added in builder area.
• Fix: Full Size & Wide Size block layout options missing from core/image block.
• Fix: Button Preset preview not working for an edge case.
• Fix: Global color palette – customizer preview for Elementor pages not working.
• Fix: Customizer – Block Settings area getting irrelevant round shapes.

Fix:

• Incorrect Site Background Color on pages with Full Width layout.

Fix:

• Gutenberg – Group Block appearing full width on frontend.

Improvement:

• Moved heading color options to Global Colors section.

Fix:

• Backward compatibility for Content Background option with the theme.