Version 11
Jan 4, 2022
Important!
Please take the time to read all notes below before updating because there are some major changes in this version that may impact your live website, especially if you are using a modified child theme.
If you have a child theme and don't use the child.css or child.js or their equivalent that HubSpot automatically creates when you make your child theme first, then we recommend deleting the templates/_base.html file from your child theme, so the new updated version is used instead. Otherwise, some of the updates here, including the modals, won't apply. In which case, you'll have to copy and paste the new modals code block from the original templates/_base.html template to your child theme file. Please reach out if you need help with this.
You can now add Modals (popups) to your pages, either globally or on a specific page, as stand-alone or gallery, and can open them from any link or element on the page, usually with an onclick event. Modals are also navigable with the keyboard and can be closed with the Escape key or by tabbing away. Examples
The theme is now RTL-ready. If you are using a modified child version, please be aware that some elements are now using RTL-friendly properties, such as padding-inline-start instead of padding-left, or text-align: end instead of text-align: right, etc. So if you've made CSS changes, you may experience minor spacing issues that you need to address after updating. Some editor labels still refer to the Left / Right direction, but they actually have an inverse meaning on an RTL page (e.g., Column align: Left will actually align the columns to the right).
To not burden other theme copies with unnecessary code, we added an option in Theme settings › Miscellaneous where you can make your theme RTL-ready if you are planning on using an RTL language:
Added a simple Footer 12 that some users may prefer for landing pages.
Dropped support for IE, following HubSpot's announcement back in July 2021 that it's no longer supporting this browser. This allows us to use more modern technologies (ES6, CSS variables, etc.) and make the theme even more lightweight. Although the global usage of IE has declined to near zero, if your website still needs to support this browser, we recommend not updating to this version.
Replaced the method for adding space between buttons and icons with a more performant and efficient approach that uses CSS gap instead of margin.
Because of the change mentioned above, the sharing.css file used with the Sharing module is no longer needed and has been removed.
Fixed a problem with the Pillar navigation scroll offset, which now correctly reads its values from Theme settings as originally intended, instead of using a fixed value.
The Listing pagination is no longer shown when there's only one page.
Most files have been updated.Most files have been updated.