Tagged: , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 4, 2013 at 10:44 pm #170623
    festivedaisy

    I’m using iconfonts to link to social media, but the links don’t work on Safari on the Mac (they do work on Safari in iOS).
    For example:
    http://myreallife.org/contact-us/
    Under Social Media, the links on the icons don’t work – only on Safari on the Mac. Unfortunately, my client uses Safari on the Mac.

    I’d appreciate any help.

    Thanks!

    October 5, 2013 at 6:44 am #170736
    jingle0

    I don’t think this issue is exclusive to the Mac. I found out my links didn’t work from someone using IE on a PC. I’m pretty sure this wasn’t an issue prior to the latest update.

    October 6, 2013 at 3:33 am #170961
    Ismael

    Hello!

    Safari loses the anchor link where there is a page redirect. Do you have any?

    Regards,
    Ismael

    October 6, 2013 at 5:12 am #171026
    festivedaisy

    Hi, Ismael. Nope, no page redirects. And some of the anchors (and even some of the iconfonts) links work, so it’s a peculiar issue.

    On this test page, you can see that the anchor link for the “back to top” works, as well as the social media links in the header, BUT the iconfont links in the main content area do not:
    http://myreallife.org/test-page-3

    • This reply was modified 10 years, 6 months ago by festivedaisy. Reason: added more detailed info
    October 7, 2013 at 5:18 am #171449
    Ismael

    Hi!

    I’m really not sure why the link don’t work on Safari. Let’s wait for Dude’s and Kriesi’s response.

    Regards,
    Ismael

    October 7, 2013 at 5:29 am #171456
    jingle0

    I’m told this issue is not just on Safari but also Internet Explorer

    Regards,
    Jingle

    October 7, 2013 at 9:38 am #171513
    Dude

    Hey!

    Personally I can’t reproduce the issue on a Win8 PC with IE10/9 or Chrome/Firefox: http://www.screenr.com/qhLH
    We’ll wait for Kriesu’s feedback because he can test the website on a Mac. Ask your client to clear all browser caches – maybe he didn’t clear them and his browser uses cached files/data to display the website.

    Cheers!
    Peter

    October 7, 2013 at 4:55 pm #171706
    festivedaisy

    Thanks for trying, Peter. I’m not surprised you couldn’t reproduce the issue on your PC, as the problem I’m having is only on Safari on the Mac (every other browser, computer, ios seems to work fine). It’s not a cache issue, as I’ve replicated it across different Macs including my own.

    Kriesu – when I’ve tried to isolate the problem it seems to be tied to the classes “av_font_icon avia-icon-pos-left”. Our site is heavy with social media links (one of the reasons I loved your theme with its fonticon shortcode), and the client’s office is full of Macs running Safari, so I’d appreciate any help.

    October 8, 2013 at 3:48 am #172057
    Josue

    Hey!

    Try adding this CSS code:

    #top .av_font_icon a{
display: inline-block;
}

    Tested in Safari 5.1.1 / OS X Lion.

    Regards,
    Josue

    October 8, 2013 at 4:16 am #172066
    festivedaisy

    Josue,

    That fixed it – thank you. And also, you rock! :)

    –Christy

    October 8, 2013 at 4:17 am #172067
    Josue

    You are welcome Christy, let us know if you have any more questions or issues :)

    Regards,
    Josue

    October 8, 2013 at 6:39 am #172100
    jingle0

    yay!! that worked for me as well. thanks !

    Jingle

    October 9, 2013 at 4:37 pm #173104
    Kriesi

    Hey!
    Great to hear that its fixed, will include the fix in the next update
    Cheers!
    Kriesi

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Iconfonts links not working in Safari on Mac’ is closed to new replies.