A Joomla browser compatibility issue is a page that works in one current browser and fails in another. On Joomla 4, 5, and 6 the supported browsers are current Chrome, Edge, Firefox, and Safari. Internet Explorer is not supported. A layout that breaks at the same width in every browser is a responsive CSS problem, not a browser bug.
Most tickets that get called “compatibility” are a cached stylesheet, a browser extension, a template that still targets Joomla 3, or a cookie scoped to the wrong host. Start with the console and a private window. Do not add HTML5 Shiv or Respond.js.
What you will learn
- Which browsers Joomla 3, 4, 5, and 6 actually support
- How to tell a browser bug from a responsive bug, a cache, or an extension
- Why Internet Explorer cannot be patched back into Joomla 5 or 6
- The Safari login failure that is really the site URL
- When the template is the product you need to replace
Supported browsers
| Joomla | Browsers to test | Do not spend time on |
|---|---|---|
| 3.10 | Current Chrome, Edge, Firefox, Safari. The old project list still names Internet Explorer, and that list is not a 2026 requirement | IE8, IE9, IE10. Joomla 3 itself is end of life |
| 4 | Current Chrome, Edge, Firefox, Safari. The admin and Cassiopeia use Bootstrap 5 | Internet Explorer 11. Bootstrap 5 does not support it |
| 5 and 6 | The same four, current versions. Core JavaScript is modern (ES2018). Joomla 5 stopped shipping the old IE11 script builds | IE11, and any plan to load es5.js shims for it |
Bootstrap’s own rule, which Joomla’s UI follows, is the latest stable browsers, not Internet Explorer: Bootstrap browsers and devices. The drop of the IE11 bundles is recorded in the Joomla 4.4 to 5 removal list. The page Joomla Browser Support is a Joomla 3 document. Do not use it as the matrix for Joomla 5 or 6.
Name the failure before you edit CSS
| What you see | In which browsers | What it usually is |
|---|---|---|
| Layout wrong only on a phone width | All of them | Responsive CSS or a missing viewport. Not a browser bug |
| IE11 admin is unstyled or dead | IE only | Unsupported. Move the user to Edge |
| One browser shows yesterday’s CSS | One | Cache, or a service worker |
| Styles missing everywhere | All | CSS 404, mixed content, or .htaccess. See 500 on mod_rewrite |
| Login works in Chrome, drops in Safari | Safari | Site URL, www versus apex, or HTTP versus HTTPS. Cookie scope, not WebKit |
| A slider or menu dies in one browser | One | An extension script. Read the console |
| Only the administrator is broken | One or all | Atum, or an admin module. The site template is innocent |
| Blank page, no layout talk | All | A PHP fatal, not CSS. Read the host log |
Step 1: Write down the browser, the version, and the URL
- Note the browser name and a major version (Chrome 131, Safari 18, Firefox ESR). “Doesn’t work on Mac” is not a report.
- Note the exact URL. Site homepage, one article, and
/administrator/are three different products. - If the browser is Internet Explorer, stop. On Joomla 4, 5, or 6 that is expected. Send the user to current Edge, Chrome, Firefox, or Safari.
- If every current browser fails the same way, you are not debugging compatibility. Fix the error, the missing file, or the template, then come back.
Step 2: Rule out cache and extensions
- Open a private window with extensions disabled. Retest the same URL.
- If the private window is fine, the cause is a cached file or an extension (ad blockers often block scripts and fonts). Clear that browser’s cache for the site. Then clear Joomla’s cache (System → Maintenance → Clear Cache) and any CDN.
- If the private window is still broken, the site is serving the failure. Continue.
A hard refresh in one browser does not clear another browser’s cache. That is why “it works on my machine” survives for weeks.
Step 3: Read the console, not the homepage
- Open developer tools in the broken browser. Console and Network.
- Reload. Copy the first red error. The file name is the extension or the template.
- On Network, filter CSS and JS. A red row is a 404 or a blocked mixed-content request. An unstyled page with a 404 on
template.cssis a path problem, not a rendering engine. - Mixed content (HTTPS page calling
http://assets) is blocked hardest by Chrome and modern Safari. Fix the URLs in the template. Do not tell users to allow insecure content.
Step 4: See if the template is the only broken piece
- On a staging copy, set the site template to Cassiopeia (System → Site Templates).
- Retest the broken browser.
- If Cassiopeia is fine, your template or one of its overrides is the bug. Update it to a build for this Joomla major, or replace it. Joomla 3 templates (Bootstrap 2, IE conditional comments, MooTools menus) will not become compatible by adding a script.
- If Cassiopeia fails too, the template is not the cause. Look at modules on that page.
Confirm the template prints a viewport tag. Cassiopeia does. A custom index.php that omits it makes phones look “broken in Safari” while the desktop looks fine:
<meta name="viewport" content="width=device-width, initial-scale=1">
Step 5: Disable the extension named in the console
The first console line usually names a file under /media/, /templates/, /modules/, or /plugins/. Disable that extension on staging and reload.
- A menu or slider that calls MooTools or an ancient jQuery will fail in current browsers even when the rest of the page is fine. Background: remove MooTools from Joomla.
- Do not “fix” it by loading jQuery again. Joomla 4, 5, and 6 core UI does not need jQuery. A second copy fights over
$and creates a new one-browser failure. - HTML5 Shiv and Respond.js were IE8 hacks. They do nothing useful on Joomla 4+ and they add a script current browsers do not need. Remove them if a ten-year-old tutorial put them in the template.
Step 6: Fix Safari login separately from CSS
If the page looks right in Safari but login or the administrator session dies, stop comparing stylesheets.
- Global Configuration → Site → Site URL, and the live host, must be the same scheme and host.
https://example.comandhttps://www.example.comare different cookie hosts. Chrome is more forgiving of the redirect. Safari drops the session. - Force one host in the server redirect, then clear cookies and test again.
- If the Joomla page is inside an iframe on another site, Safari blocks that cookie. Do not embed the login.
Step 7: Retest the four current browsers
- Chrome or Edge (same engine, still check Edge once if the client uses it)
- Firefox, including ESR if the client is a locked office build
- Safari on a Mac or an iPhone. Desktop Chrome does not stand in for iOS Safari
- The administrator, not only the homepage
A paid cross-browser lab is optional after the console is clean. It is not the first step, and it will not make Internet Explorer run Joomla 6.
Do not sniff the browser
Joomla’s old browser class, and any template switch based on the user-agent string, will mislabel current Edge, Brave, and in-app webviews. Serve one template. Fix the CSS. User-agent hacks are how a site ends up with a broken stylesheet that only one browser ever loads, which then looks exactly like a compatibility bug.
When the honest fix is an upgrade
If the site is Joomla 3 and the goal is “works in current Safari and Chrome”, Protostar and a pile of IE scripts are the wrong project. Move to a Joomla 5 or 6 template built on Bootstrap 5, on staging, then retest. Path notes: Joomla upgrade issues. Infyways runs those jumps from $149, with a compatibility audit within 12 hours: Joomla Upgrade Services.
Key takeaways
- Joomla 4, 5, and 6 support current Chrome, Edge, Firefox, and Safari. Not Internet Explorer.
- Same failure in every browser is not a browser bug.
- Private window first, then the console, then Cassiopeia, then the extension named in the error.
- Safari login failures are usually the site URL and cookies.
- Do not add HTML5 Shiv, Respond.js, or a second jQuery.
- A Joomla 3 template will not become compatible by hiding the IE comments. Upgrade the template with the CMS.
Frequently asked questions
Which browsers does Joomla support?
For Joomla 4, 5, and 6, test current Chrome, Edge, Firefox, and Safari. Internet Explorer is not supported. The old Joomla 3 browser list is not the matrix for current releases.
Why does the site look fine in Chrome and broken in Safari?
Check a private window, then the console. If only login fails, compare the Global Configuration site URL with the host Safari is using, including www and HTTPS.
Why is the administrator broken in Internet Explorer?
Joomla 4 and newer use Bootstrap 5 and modern JavaScript. IE11 is outside that support. Use Edge or another current browser.
Will HTML5 Shiv or Respond.js fix it?
No. Those scripts patched Internet Explorer 8. They do not fix Joomla 4, 5, or 6, and they should come out of the template.
The layout breaks on phones but not on desktop. Is that a browser bug?
No. If every browser breaks at the same width, it is responsive CSS or a missing viewport tag.
One browser still shows the old design after I changed the template. Why?
That browser cached the CSS. Test in a private window, then clear Joomla cache and the CDN.
Should I load jQuery so older browsers work?
No. Extra jQuery copies cause $ conflicts. Current Joomla does not need jQuery for the core layout.
Does Cassiopeia work in all browsers?
It works in the browsers Joomla supports. Use it as the control. If Cassiopeia is fine and your template is not, fix or replace the template.
Who can fix a template that only fails in one browser?
Infyways traces the console error and upgrades templates that cannot be patched. Request a Joomla upgrade audit.









