Hi There!

Sorry for your issue.

The Spectrum Template is based on the Helix3 framework and this framework got a recent update to make it compatible with Joomla 4 and so it has adopted a lot of changes and updated versions of core components, such as Bootstrap, fontawesome, and so on.

All of our Helix3 based templates will get updates soon too. Kindly, do not update the system plugin until there is an update for the template itself. It will be better to roll back to your previous working backed-up version.

However, the reported issue can be solved with the following custom CSS code though:

#sp-header .row {
    display: flex;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Hi Rashida,

Thank you for the prompt response, much appreciated. The CSS has helped solve the wrapping issue, but the menu position will not stay to the right. How to fix this?

Thank you!

Hello,

You are welcome. As I said, it is better to roll back actually, because there may appear others issues as well.

We will update all the templates soon, then it will be safer to update:)

Thanks for your patience!

Hi Rashida,

We'd rather not roll back at this point, but wait for the theme update, because we've made quite a few site changes since the last update. We'll lose all that work if we roll back now....

If you could offer up a temporary CSS fix for the non-right aligned hamburger menu, that would help us out in the interim.

Hi Rashida,

Yes, your last instruction worked. Thank you!

Really glad that it worked:)

You are Most Welcome!