Hi,
I'm just preparing an upgrade to the latest versions. The upgrade went well but having issues when using MS Edge. Google Chrome and Firefox ware working without issues.
Versions:
Issue:
Stg-URL with issues:
Staging
Prod-URL w/o issues:
Prod
Any recommendation how to fix these two issues?
Many thanks and best regards,
Ruediger
Well, very interesting. Got it fixed by using temporarily:
div#sp-menu1 > .sp-column {
float: right;
}However, the final resolution was an issue with Google Analytics. By switching to the new version of GA, everything related to the menu is now fine. for the other new issue, a new request will be opened.
Many thanks!!
Glad to know that you have fixed that issue.
Hi
Thanks for contacting us and sorry for your issue, Could you please give me a screenshot of your issue?
-Regards.
Should be:
Hi,
Issue 2 has been resolved, but issue 1 is still alive. Till now, I couldn't figure out how to get the left menu back to be right-alligned. And as said, it is only by using MS Edge.
Could you please mention the resolution where exactly you have faced this issue?
Just have added center to the content.
However, the menu is still not right-alligned on staging link to stg when using Microsoft Edge browser. Any suggestion?
Well, looks like the screen resolution of the Windows PC (1920 x 1080) does contribute to the issue. However, when the resolution of Edge does toggle from offcanvas to normal menu, what is by around 977px, the menu odes get left-alligned and not, as it should right-alligned.
Is this working now?
No, not yet.
Which resolution you have faced this issue? It seems ok in my end.
Well, as said, it depends on the screen resolution. When the screen resolution of the Windows 11 OS is 1920 x 1080 or higher, it doesn't matter which resolution is used within Edge once it has been switched from offcanvas to normal menu.
Sorry it still same I mean it seems fine in my end. But I can give me you a hint. Use this custom CSS in your custom.css file for reducing that space
div#sp-menu1 {
position: relative !important;
left: 20px !important;
}
And exactly target for Microsoft Edge browser you can follow this link below:
https://stackoverflow.com/questions/32940965/how-to-target-microsoft-edge-with-css
If you need more help then I think you need a developer who can help you in this.