Hi,
I am using magnolia on https://diamondvalleybwc.org.au/ - however, mac safari users report that the menu items become invisible once the mouse has gone over them.
See the screenshot below of what happens when a user hovers over the first few items in the menu.
Can you help?
- ecweb
- Commercial Templates
- Tuesday, 23 June 2020
- Subscribe via email
Attachments (1)
Hello
Admittedly we are unable to replicate this issu so this is a bit of a shot in the dark. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
Ciaran
Admittedly we are unable to replicate this issu so this is a bit of a shot in the dark. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
.hornav > ul > li > a:hover {
color: #454545 !important;
}Ciaran
- more than a month ago
- Commercial Templates
- # 2
Apparently it didn't resolve it - any other ideas?
The menu links appear normal when a user scrolls down (given that we have the sticky menu activated) - but it is just when the menu is at the top before one begins to scroll down that the issue appears.
The menu links appear normal when a user scrolls down (given that we have the sticky menu activated) - but it is just when the menu is at the top before one begins to scroll down that the issue appears.
- more than a month ago
- Commercial Templates
- # 3
Hello
May I ask what version of Safari are you having this issue. We are unable to replicate with the latest version (13.1).
Ciaran
May I ask what version of Safari are you having this issue. We are unable to replicate with the latest version (13.1).
Ciaran
- more than a month ago
- Commercial Templates
- # 4
Thank you for your help.
The version of safari is 13.1.2 (15609.3.2) on Mac Catalina 10.15.6 Beta
You can view a video of the issue in action at
https://www.icloud.com/attachment/?u=https%3A%2F%2Fcvws.icloud-content.com%2FB%2FAdmMJQC14O3ujLPcEVwrt2FWZbNmAacnjFoDuYsgU06vrbmvjSrADztY%2F%24%7Bf%7D%3Fo%3DAjgH8BOPCtfLIN2lHWpnO8e1OLB2223-3vHXPI8_dbwL%26v%3D1%26x%3D3%26a%3DCAogH9spUNP_02DsneyGpIuzquKO6EjpTVSCcPJzcZUamYESdRDWuM_0ry4Y1sjKyLkuIgEAKggByAD_Btdbd1IEVmWzZloEwA87WGolBbh90qlvOfmJ3X-vZ1dGcPOyA4Ihbu60qHqz2nGNPrxM3_pCp3IlTJC-Xh4_o12S1qd69B2rEa2Giji6abJqsfi043Lr7mMhtLIEhQ%26e%3D1596001002%26fl%3D%26r%3D9B0F5B65-9CC9-4003-849B-34214299D900-1%26k%3D%24%7Buk%7D%26ckc%3Dcom.apple.largeattachment%26ckz%3DB9F19D15-C26D-4E7D-96DE-102B01652AB7%26p%3D29%26s%3DLw0DGzQtzkB279um0yV642CNGHo&uk=_IcBmMAI1lzivaUHVLsc2w&f=Safari%20Menu%20Issue%202020-06-29%20at%203.28.15%20pm.mov&sz=125152934
The version of safari is 13.1.2 (15609.3.2) on Mac Catalina 10.15.6 Beta
You can view a video of the issue in action at
https://www.icloud.com/attachment/?u=https%3A%2F%2Fcvws.icloud-content.com%2FB%2FAdmMJQC14O3ujLPcEVwrt2FWZbNmAacnjFoDuYsgU06vrbmvjSrADztY%2F%24%7Bf%7D%3Fo%3DAjgH8BOPCtfLIN2lHWpnO8e1OLB2223-3vHXPI8_dbwL%26v%3D1%26x%3D3%26a%3DCAogH9spUNP_02DsneyGpIuzquKO6EjpTVSCcPJzcZUamYESdRDWuM_0ry4Y1sjKyLkuIgEAKggByAD_Btdbd1IEVmWzZloEwA87WGolBbh90qlvOfmJ3X-vZ1dGcPOyA4Ihbu60qHqz2nGNPrxM3_pCp3IlTJC-Xh4_o12S1qd69B2rEa2Giji6abJqsfi043Lr7mMhtLIEhQ%26e%3D1596001002%26fl%3D%26r%3D9B0F5B65-9CC9-4003-849B-34214299D900-1%26k%3D%24%7Buk%7D%26ckc%3Dcom.apple.largeattachment%26ckz%3DB9F19D15-C26D-4E7D-96DE-102B01652AB7%26p%3D29%26s%3DLw0DGzQtzkB279um0yV642CNGHo&uk=_IcBmMAI1lzivaUHVLsc2w&f=Safari%20Menu%20Issue%202020-06-29%20at%203.28.15%20pm.mov&sz=125152934
- more than a month ago
- Commercial Templates
- # 5
Hello
Thank you for detailing the issue with your video.
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
That failing try the following instead...
Ciaran
Thank you for detailing the issue with your video.
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
.hornav > ul > li > a:hover {
color: #888 !important;
}That failing try the following instead...
.hornav > ul > li:before,
.hornav > ul > li > a::after {
display: none;
}Ciaran
- more than a month ago
- Commercial Templates
- # 6
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »