Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 30, 2020 at 7:03 pm #1180053
    furtivo

    Hello,

    i have an issue with accordion toggle on Safari browsers (Mac, iPad, …). The active toggle shows an border/outline on focus, although i tried to get rid of it with (this works on Windows):

    p.toggler:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
}

    On iPhone SE the border/outline is grey.
    Please have a look:
    Screenshot iPad

    This behavior i see on diferent instances of enfold, p.e. here:

    Example page

    Hope you can help, thanks!

    Martin

    • This topic was modified 5 years, 9 months ago by furtivo.
    January 31, 2020 at 12:06 pm #1180247
    Victoria

    Hey furtivo,

    Please, remove that code and try this:

    
#top #wrap_all p.toggler:focus {
    outline: none;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 2, 2020 at 11:58 am #1180656
    furtivo

    Hello Victoria,

    this resolved the problem, thank you very much!

    And thanks a lot for the quick reply as well

    Martin alias furtivo

    February 3, 2020 at 2:57 am #1180754
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘accordion toggle border/outline on Safari’ is closed to new replies.