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)
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. # 1
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. # 2
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. # 3
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. # 4
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. # 5
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. # 6
  • Page :
  • 1


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok