This is the first release of Clarity from Cybersalt, and it is a substantial one. The template has been rebuilt to run natively on Joomla 6 — without Joomla's legacy behaviour-compatibility plugin — and its whole front end has been modernized: Bootstrap 5, Font Awesome 6, a current slideshow engine, a proper mobile header, and a long list of layout and accessibility fixes. If you are coming from the original Clarity, expect the site to look familiar and behave considerably better, particularly on phones.

Added

• The template now has a working mobile menu. Previously there was no way to open the menu on a phone at all — the library that drew the original mobile menu button was no longer shipped, and the call to it failed silently on every page.
• A large, easy-to-hit menu button sits at the top right of the phone header, at a 44×44 touch target that matches the control row beneath it.
• Sidebar menu modules now expand and collapse on click at desktop width, so sub-levels are reachable without navigating away. Previously every level of every menu was printed at once — one sidebar menu ran to nearly 3,000px with 90 links on show.
• The mobile menu opens as a slide-out drawer, and sub-menus expand in place when you tap the “+” control beside a parent item, instead of navigating away.
• A row of touch-sized controls sits under the brand bar on a phone — search, social links and log-in — each a 44px target, evenly spread across the bar.
• Logging in on a phone now opens a dialog over the page instead of sending you to a separate page. The original template shipped no log-in dialog at all; every “Log in” was a plain link.
• The log-in dialog dims the page behind it and sizes itself to the screen, with 16px input text so phones do not zoom in when you tap a field.
• The search, social and log-in panels all close the same way — tap outside them, tap the dimmed background, or press Escape.
• A show/hide “eye” button on password fields, on both the log-in and the registration form. It previously rendered as an empty square. It now takes its colour from the button it sits on, so it stays visible on light and dark buttons alike.
• Bootstrap 5 is now loaded and the template is styled for it, so modals, dropdowns and utility classes behave the way Joomla 5 and 6 expect.
• Font Awesome 6.5.2 replaces Font Awesome 4.6.3, with version-4 compatibility shims so icons already used in your own content keep working.
• Eight current social networks were added to the template settings: Instagram, Threads, Bluesky, Mastodon, YouTube, TikTok, Pinterest and Discord.
• A modern slideshow engine (Swiper 11) replaces the abandoned camera.js slideshow, with fade transitions and per-slide captions.
• A full favicon suite, including the browser-tab icon and the icons Joomla shows in the Media Manager and crop tool.
• A visual colour picker on all 24 colour settings in the template's admin panel, replacing plain text fields that required typing hex codes by hand.
• The template's settings screen now follows Joomla's dark mode, including panel backgrounds and text colour.
• A jQuery compatibility helper, so the slideshow controls and parallax bands keep working under the newer jQuery that Joomla 6 ships.
• Pagination arrows (First, Previous, Next, Last) now draw properly. Joomla 4 and later emit icon classes that the template's original icon set never had, so these buttons had been blank; around thirty Joomla core icons were mapped.
• Stylesheet cache-busting, so an update to the template is picked up immediately instead of a stale cached stylesheet being served.
• The template declares Joomla 6.1 compatibility, so the installer and update system report it correctly.

Changed

• The page is now 1440px wide rather than 960px. The header, menu bar, slideshow and content wrappers all follow the new measure.
• The sidebar is now a fixed 300px column with the article area taking the rest of the width. Previously the sidebar was a proportion of the page, so widening the template handed it 150px it did not need.
• The menu bar, brand bar and slideshow stage now span the full page width, finishing on one clean edge.
• On a phone, the site name and slogan now sit in a bar at the very top, with the icon row beneath them. Previously the icons appeared above the site name.
• The phone header is now a plain flat black band that reaches both edges of the screen. The original was a shaped graphic drawn for a 960px bar, so its rounded left cap landed in the middle of a phone screen.
• The desktop header bar's artwork now scales to fill the bar. It was a fixed-width graphic drawn for the old 960px layout sitting inside a 1440px bar, so anything past its right edge fell outside the bar entirely.
• The drop-down menu is now plain JavaScript rather than jQuery plug-ins, with a short grace period so the menu does not snap shut when the pointer crosses a gap.
• The template's admin settings now use Joomla's own native on/off switches — 32 legacy switch widgets replaced.
• Twitter is now labelled “X (formerly Twitter)” and uses the X brand glyph.
• Copyright years updated to 2026 throughout; they had been a mix of 2022 to 2025.
• Authorship and branding updated to Cybersalt Consulting Ltd and energizethemes.com.
• The log-in dialog uses Bootstrap 5 modal markup, including a native close button and Joomla's system-message alert.
• The version shown in the Joomla admin now matches the version you actually installed. All four version surfaces agree, and Joomla's cached copy of the manifest was rebuilt to match — the admin reads that cached copy, not the file, which is why it had been reporting a stale version.
• The tools widget's hammer-and-wrench icon is replaced with a recognisable share glyph, drawn inline so it needs no sprite or outside host.
• The web font is loaded by an ordinary stylesheet link rather than a JavaScript font loader.
• The horizontal rules above the content area and above the footer are now drawn as real borders instead of a tiled fixed-width graphic, so they span whatever the page measures.
• The divider between the sidebar and the content is now a hairline in the gutter, positioned so it cannot crowd the text in either column.
• Dividers between module positions are drawn the same way, so the whole page uses one consistent divider style rather than three different tiled graphics.
• A “Search” menu item that pointed at Joomla's retired Search component now points at Smart Search, keeping its original label.
• The mobile menu drawer is anchored and stacked correctly, so it opens at full height with no part of the header covering the first menu item.
• The Bootstrap 2 to Bootstrap 5 compatibility layer was brought fully up to current, picking up every modal, overflow and mobile-header guard the rest of the range already had.
• The phone menu chrome was rebuilt on the current shared build.
• The template's accent colour is now derived from its own blue at runtime, with the text colour on top chosen automatically for contrast.

Fixed

• JavaScript errors on every page load are gone. Calls to plug-ins that were no longer shipped were throwing, and each error stopped the rest of its script block from running. The front end now reports no console errors.
• The log-in dialog no longer opens invisible. It had been dimming the page and trapping keyboard focus with nothing visible to interact with, because Bootstrap 5 marks an open dialog differently from Bootstrap 2.
• Closing the log-in dialog no longer throws an error, and re-opening it no longer shows an empty box the second time.
• Pages can no longer be dragged sideways on a phone, and the menu drawer, search and social panels are sized to the screen rather than to the overflow.
• The mobile menu button no longer renders off the side of the screen.
• On a phone, the site name and the menu button had both been missing entirely: the desktop header was rendering at 960px wide inside a 375px screen, putting the menu button over 500px off-screen. The header now collapses properly to the screen.
• The menu button no longer sits off the top edge of the screen, and its bars are now centred inside it.
• The menu button's bars were dark grey on a dark bar, which made them effectively invisible. They are now white.
• The “+” controls that expand sub-menus were showing as empty white boxes. The glyph inside was taking its colour from the white menu link beside it, so it was white on white. It is now clearly legible in both the drawer and the section panel.
• Those same controls no longer carry a mis-registered shadow inherited from the original menu styling.
• Links in the mobile drawer were unreachable, because the drawer never actually became visible.
• The mobile drawer could open with no height at all on layouts where a parent element carries a transform.
• The menu button could be impossible to tap, because it was positioned against an element with no height.
• The slideshow was sitting on top of the slogan. Two of the template's own stylesheets set the menu bar's height differently at equal weight, so the bar came out 40px instead of 102px and everything below it started too high.
• The slideshow overflowed the screen on phones and tablets: its stage carried a hard-coded 890px width, inside a 360px phone body. It is now capped to the container at every width.
• The slideshow could collapse to no height on some pages after the engine change, while still reserving its space on the page.
• The desktop menu did not fit tablet screens, overflowing by over 200px on every page — including pages with no slideshow at all. It is now constrained and allowed to wrap at tablet widths.
• The three Custom Bottom module positions were unequal widths; they are now equal.
• The modules in the sidebar did not fill the sidebar. Modules set to full width were computing to 260px inside a 300px column, because of an inherited inner gutter that had made sense at the old page width.
• The username field in the sidebar log-in was roughly half the height it should have been, and the username itself broke out of the left column.
• The password reveal button wrapped onto its own line instead of sitting beside the field it belongs to.
• Column dividers landed in the wrong place at the new page width. The divider was a graphic pinned a fixed number of pixels from the left, correct only on the original 960px grid.
• A stray vertical divider line painted down phone layouts, where the columns had stacked and there was nothing beside them to divide.
• The footer copyright no longer wraps its last word onto a second line on desktop.
• On a phone the site title was overlapping the slogan; they now stack cleanly, title above slogan.
• A duplicate icon rendered in the tools widget, with the new share glyph and the original hammer-and-wrench image drawing side by side.
• The tools widget floated over the mobile menu panel and could only be opened by hovering, which a touchscreen never sends. It is now hidden at phone width.
• Four failed font requests on every page load, caused by an icon font pointing at a folder Joomla removed years ago. The same fault made the search icon render as a stray character.
• The whole page sat 12px to the right of where it should have, because a nested container inherited a gutter it should not have had.
• Rows of blocks stretched and lost their layout where a legacy block wrapper was being read as a modern grid row.
• The template rendered no web font at all: the font loader was emitting an empty list of families, so the intended font never loaded.
• A mangled CSS property meant a text-transform rule silently did nothing.
• Four modules were being pushed above the account-creation form, forcing the form itself far down the page. Nothing now appears above it.
• Tall single-column featured articles were being clipped to just their title in Joomla 6's featured view.
• A PHP 8 fatal error in the breadcrumbs module override, and a missing variable fallback in the log-in module override.
• A leftover template style from the original template's history appeared in the admin's template list.
• The template renders correctly on a 375px phone. The original never did, because it held a fixed 960px content container. Verified across the full set of views and widths, with no sideways panning and no horizontal overflow.
• The article details line — Written by, Category, Published, Hits and the rest — ran off the side of the page instead of wrapping, finishing well outside the screen on a phone. It now wraps onto as many lines as it needs at every width.
• Joomla 6's “Sign in with a passkey” button drew its icon at full container size, as a large black graphic across the log-in area. Inline icons of that kind are now sized to the button they sit in and take the button's own colour.
• Menu modules in the sidebar rendered as a horizontal row of links instead of a vertical list, because Bootstrap 5 redefines the class Joomla puts on every menu module. Sidebar menus are vertical again.
• The “Search” label on the Smart Search box was meant to be hidden from sight and read only by screen readers, but painted as a line of small grey text above the field. It is now correctly hidden while staying available to assistive technology.
• The close button on the log-in dialog rendered as a solid coloured block on top of the “Login Form” heading, with no × inside it. It is now a proper close glyph in the dialog header.
• The search button no longer floats away from the search field it belongs to, and no longer drops onto a line of its own beneath it.
• The social panel on a phone opened empty. Its icons were being pulled outside the panel by a positioning rule inherited from the original template, and stray bullet graphics pushed them onto two rows.
• A dead drop-down arrow beside the “Log in” button has been removed. Tapping it submitted the log-in form with an empty password and landed you on an error page, and the three links it was meant to reveal — forgotten password, forgotten username and register — could not be reached any other way. Those links now appear plainly in the dialog.
• Icons in the phone control row could be invisible — white glyphs on a white button. Each control now takes its icon colour from its own background, so search, social, account and register are always legible.
• The search box was too small to use, at roughly 170px wide with a 29px-tall field. On a phone it is now a full-width panel beneath the header with a 44px field at 16px text, so tapping it does not zoom the page; on desktop it is at least 320px wide.
• Footer menu links had disappeared entirely on phones, caught by the mobile navigation rules. They are visible again.
• Footer social icons are centred on a phone instead of hanging off one side.
• The back-to-top control is now a circle with its arrow and label centred, instead of a squashed oval with both pushed low.
• The breadcrumb band reserved a strip of empty space on phones; it now takes only the height its content needs, and breadcrumbs flow as a single line instead of one crumb per line.
• “My Account” and “Register” no longer appear twice on a phone, once as icons and again as a text row directly underneath.
• Account and registration fields were unusably narrow on a phone — some barely a third of the screen wide, with the rest of the row empty beside them. Every field now fills the width.
• Contact and other component forms now stack properly on a phone, with the label above the field, full-width inputs and a full-width submit button, instead of a desktop two-column layout squeezed onto a phone screen.
• Page and module headings ran flush to both edges of a phone screen while the paragraphs beside them were properly inset. Headings now share the same inset.

Removed

• Twenty-one obsolete JavaScript and CSS files are no longer loaded, among them jQuery 1.8.1, jQuery Mobile, Modernizr, Selectivizr, selectnav, superfish and supersubs, camera.js, hoverIntent, imgSizer, the old Bootstrap 2 stylesheet, and three Internet Explorer stylesheets.
• Leftover link and script tags for files that were no longer shipped, which had been requesting missing files on every page load.
• The failing mobile-menu call inside the menu override that threw on every page load.
• The Internet Explorer browser-detection shim.
• The retired icon-font declaration in the main stylesheet.
• The runtime web-font loader script.
• Five dead social networks are gone from the template settings: Google+, MySpace, StumbleUpon, Digg and Blogger.
• Every legacy Joomla API reference — 54 aliased class references and one legacy error call — is gone, so the template no longer depends on Joomla's deprecated compatibility plugin.
• Stale Joomla 2.5-era markup in the template manifest that the Joomla installer no longer expects.
• In the quickstart package: Joomla's retired Search component, module and plugins in favour of Smart Search; leftover build artifacts; demo article hit counters reset to zero; and Joomla's post-installation messages pre-dismissed so a fresh install opens to a clean dashboard.

Security

• 73 output-escaping wraps were added across the template, so values coming from the database or from template settings are escaped before they reach the page. This closes a class of cross-site-scripting exposure.
• Colour and dimension settings are validated before being written into inline CSS, so a malformed or hostile value cannot be injected into the page's styles.
• Outbound social links carry rel="noopener", so a linked page cannot manipulate the window it was opened from.
• All 17 template overrides were security-reviewed, with no matches for the usual dangerous patterns.
• The template no longer relies on Joomla's legacy behaviour-compatibility plugin, which sites are encouraged to disable.
• Joomla's guided tours are dismissed per user rather than switched off site-wide, so the onboarding remains available to everyone else.

With thanks to Michael Mullan, whose Expression bug report led to this maintenance pass across our templates.