Contrast not working on mobile menu

  • Resolved Outerbridge

    (@outerbridge)


    8 years ago

    Hi

    Great plugin, thank you.

    I have one problem – I am using the Avada theme on a site and the WP Accessibility plugin is excellent across the site apart from on one section where it doesn’t work properly – that’s on the mobile menu.

    I’ve inspected the elements and the A tag CSS from the a11y-contrast.css shows that the ‘color: #00ffff !important’ should be being used, but the text colour is black!

    Can you help please?

    Thanks
    Mike

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    Can you provide a link?

    Thread Starter Outerbridge

    (@outerbridge)

    Hi Joe

    Yes, the site is here: https://thelifecoachstation.outerbridge.net/

    Many thanks
    Mike

    Plugin Author Joe Dolson

    (@joedolson)

    Well, that’s super weird. The developer tools in Firefox even show that the calculated color of the element is correct, but *visibly*, it clearly isn’t. It’s plausible that there’s something masking the text which is causing a problem, but I have no idea what that could be. Perhaps ask the Avada support team about this?

    Thread Starter Outerbridge

    (@outerbridge)

    Here’s the solution:

    .fusion-header-shadow:after,
    body.side-header-left #side-header.header-shadow .side-header-border:before,
    body.side-header-right #side-header.header-shadow .side-header-border:before{
    height:auto !important;
    }

    Regards
    Mike

    Plugin Author Joe Dolson

    (@joedolson)

    Sheesh…that’s complicated. Hard to find! Glad you were able to identify it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Contrast not working on mobile menu’ is closed to new replies.