Hello,

Thank you for reaching out to us.

From my end, I tested the mobile menu and found that the logout functionality works correctly after logging in. If you’re still experiencing issues, please feel free to send a screencast or video so we can better understand the specific problem.

Regarding the second menu: since there are 8 menu items, displaying them all in a single row on smaller screens can lead to layout issues. To address this, you may consider using custom CSS/JS or implementing a secondary off-canvas menu to improve responsiveness. This would require customizations work.

As we do not offer customizations or layout changes, we recommend consulting with a developer to implement the design adjustments you’re looking for.

Let us know if there’s anything else we can assist you with.

Best regards,

Thanks for getting back to me so quickly but I might not have made things as clear as I could sorry.

None of those buttons on that menu work for people when it doesn't work.

Did the other menu items work for you too?

As an expert in Helix Templates and SPPB products, are you able to tell why some visitors clicking the same menu items don't have it working and others do?

What I am meaning is, if it works on your pc or mobile device but doesn't work for many others, what might be happening there?

I will try and make a video or screencast but I was hoping for some deeper support in that the source code created by the template or the Joomshaper program might not be rendering on all browsers or all devices the same. I can get it to logout and work all okay on my phone but colleagues just get nothing happening when they click the same pages on their devices and so do a lot of our visitors.

My concern is that something is happening behind the scenes with code that has always worked before and I can't know or see the source code that Joomshaper uses.

Did you sign in and sign out again before replying or where you able to login for me in the admin side and see what code is activated on that template menu and what might be happening.

I'm not sure it as easy as logging in on one device and saying nothing is wrong.

This has only recently started happening yet all those menu items have been on that menu for a long, long time.

Thank you for your message and for clarifying the issue further.

I’ve tested your site on multiple browsers, and I personally did not encounter any problems with the mobile menu or logout functionality. However, I did notice some JavaScript errors coming from third-party extensions, including Maximenu CK, your cookie consent extension, and LinkedIn analytics scripts.

Since these scripts are external to the Helix Ultimate template and SPPB, they may be conflicting with your site’s mobile menu functionality. I recommend trying the following steps: • Temporarily disable those third-party extensions one at a time to see if the issue resolves. • Consider using alternative extensions for analytics or cookie consent or our mega menu if the current ones are causing compatibility issues.

If you’re able to provide a screencast or video demonstrating the issue on a device where it occurs, I’d be happy to take a closer look. That will help me determine whether it’s something related to the template or a conflict from external code.

Thanks again for your patience and understanding.

Best regards,

Thanks so much for coming back to me Ziaul. This gives me a lot more to go at and I will test those extensions to see if they are conflicting. I will also make a screen capture as a colleague can recreate teh issue each time. It's weird it is so intermittent depending on device. Thank you again, I really appreciate it. I am out of the offcie tomorrow but will try it again on Thursday first thing.

If everything is working fine now, please mark the question as complete by accepting any of our answers.

Thank you!

Sorry I haven't replied to you Ziaul but the issue is still happening. I needed to do other tasks too and have got sidetracked. Sending a screen cast would be hard to show as nothing happens. It would just look like the menu appears as normal but then no menu items were getting selected or pages navigating because none of the menu items respond or work.

I did run it through my new best friend ChatGPT and it did offer some pretty interesting CSS and code changes to add to either the SPPB Additional CSS box or add to the Helix Body Tag but again, I haven't had chance to read that through carefully or test it on my test site.

One of the lines of code recommended from JoomShaper was simply to make the CK Menu hide but we can't live with that as we need both menus working like before.

Interested to hear that Jeanette is also experiencing this and wondered if she has the same 3rd party extensions to conflict with or not?

I can't remove the LinkedIn tracking though as its pretty core to us now and always worked OK before I think.

Thanks for replying so quickly.

From my end, PC Browser like chrome, firefox, safari and also from iPhone I see all menu items is working for me too Ziaul.

I was unaware of any problem until lots of people suddenly started contacting me saying they were having new issues that they didn't before and then I asked colleagues to try and some it all worked for too but others said they could no longer select the menu items on their phones.

Some of them, the phones worked in firefox but not chrome or safari and some it didn't work on any but did in incognito or private browsing.

Some it didn't work in incognito either.

2 months ago I was running the latest versions of everything when we first were notified about it. Now I must check my Helix version but as I mentioned i haven't had chance to fully explore this again.

I understand your concern. However, it’s difficult to identify the issue since I haven’t been able to reproduce it on my end. If you encounter this problem again, please try to record it and share the video with us.

Thanks for your understanding.

Thanks Jeanette ChatGPT is an ever increasing go to for help isn't it? I'm not sure how I feel about it still as I have always enjoyed talking to people and developers directly but it quickly accesses everything and seems to help a lot. My friend ChatGPT has come up with slightly different options for me to try but has overlap on your fix for sure.

It is telling me to try this first: Phase 1 — Get a stable baseline (no optimisers) Turn OFF all optimisation/deferral. Helix Ultimate → Advanced → Performance: turn OFF Move JS to bottom, Defer JS, and any CSS/JS combine/minify. Ensure Bootstrap loads exactly once. SP Page Builder → Integration/Advanced: set Load Bootstrap to Disabled/Use Template so Helix is the only source. Clear Joomla & template caches. Lock in the Off-canvas setting. Templates → Helix Ultimate → Template Options → Menu → Offcanvas: click a layout so it shows a blue border → Save. Test the menu on a real phone. If it now works 100%: the root cause was script order/duplication/deferral → proceed to Phase 4 to re-enable optimisation safely. If it still misbehaves: continue.

Add a tiny logger (copy-paste) Place this in Template Options → Custom Code → Before </body> (or in a small JS file that’s not deferred):

--script--

window.onerror = function (m,u,l,c,e){console.log("[ERR]",m,u+":"+l+":"+c,e&&e.stack);} window.onunhandledrejection = function(e){console.log("[PROMISE REJECTION]", e.reason);} document.addEventListener("DOMContentLoaded",function(){ var hasBS=!!window.bootstrap; console.log("[CHECK] bootstrap:", hasBS? "present":"MISSING"); try{console.log("[CHECK] Offcanvas:", hasBS && typeof bootstrap.Offcanvas);}catch(e){console.log("[CHECK] Offcanvas error",e);} var bs=Array.from(document.scripts).map(s=>s.src).filter(s=>/bootstrap(.bundle)?(.min)?.js/i.test(s)); console.log("[CHECK] bootstrap scripts:", bs.length, bs); var toggles=document.querySelectorAll('[data-bs-toggle="offcanvas"]'); toggles.forEach(function(el){ el.addEventListener("click", function(){ var sel=el.getAttribute("data-bs-target"); console.log("[CLICK] toggle ->", sel); if(window.bootstrap && sel){ var t=document.querySelector(sel); if(t){ var oc=bootstrap.Offcanvas.getOrCreateInstance(t); console.log("[CLICK] instance ok", !!oc); } } }, {passive:true}); }); });

--/script--

Interpretation: bootstrap: MISSING or Offcanvas: undefined/error → script order/duplicate Bootstrap/defer problem. bootstrap scripts: 2 (or more) → duplicate Bootstrap (often Helix + SP Page Builder or an optimiser). No errors and clicks log fine, but taps inside panel don’t work → overlay/z-index issue (try the CSS below).

Optional, scoped CSS overlay fix (only while panel is open)

Add to Custom CSS: .offcanvas { z-index: 1051; } .offcanvas-backdrop { z-index: 1050; } body.offcanvas-open .sp-overlay, body.offcanvas-open .sppb-shape-divider, body.offcanvas-open .cookie-consent-overlay { pointer-events: none !important; } body.offcanvas-open .cookiebar, body.offcanvas-open .cookiebar * { pointer-events: auto !important; } .offcanvas .dropdown-menu { position: static; }

If this makes taps inside the panel work, you had an overlay stacking issue. Keep it.

Optional safety net (if you must)

If you need a belt-and-braces initialiser, keep this small script (load it after Bootstrap, not deferred). It guarantees an Offcanvas instance exists on tap:

--script--

document.addEventListener('DOMContentLoaded', function(){ document.querySelectorAll('[data-bs-toggle="offcanvas"]').forEach(function(el){ el.addEventListener('click', function(){ var sel=el.getAttribute('data-bs-target'); if(!sel) return; var target=document.querySelector(sel); if(!target) return; bootstrap.Offcanvas.getOrCreateInstance(target).show(); }, {passive:true}); }); });

--/script--

I have contacted a few of our visitors who are experiencing the problem to ask if they can try things again and let me know.

Ziaul? Do you think ChatGPT is close to getting things right and could this be the issues we are having? I'm worried I don't know Helix and SPPB well but really need a fix for everyone for the menus that aren't working for some people.