Wayne Corp 2.0 Not Showing Module At The Right Possition When Using Edge
rkoenen
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:
- Wayne Corp
- PHP 8.1.26
- Joomla! 4.4.1
Issue:
- Left menu is not right-aligned
- The fa-awesome of the flip-boxes are not looking as they should
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
rkoenen
Accepted AnswerWell, 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!!
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us and sorry for your issue, Could you please give me a screenshot of your issue?
-Regards.
Mehtaz Afsana Borsha
Accepted Answerrkoenen
Accepted AnswerHi,
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.
Mehtaz Afsana Borsha
Accepted AnswerCould you please mention the resolution where exactly you have faced this issue?
rkoenen
Accepted AnswerJust 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?
rkoenen
Accepted AnswerWell, 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.
rkoenen
Accepted AnswerNo, not yet.
rkoenen
Accepted AnswerWell, 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.
Mehtaz Afsana Borsha
Accepted AnswerSorry 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.