Recent
Categories
View Replies (6)

Magnolia template menu issue on Mac Safari

0
Votes
Undo
  1. ecweb
    ecweb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 23 June 2020
  5.  Subscribe via email
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?
Attachments (1)
Screen Shot 2020-06-22 at 1.51.53 pm.png Screen Shot 2020-06-22 at 1.51.53 pm.png
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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)....

.hornav > ul > li > a:hover {

    color: #454545 !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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)....

.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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
that worked - thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!