Support » Plugin: WP Accessibility » Contrast not working on mobile menu

  • Resolved Outerbridge



    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?


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


    Can you provide a link?

    Hi Joe

    Yes, the site is here:

    Many thanks

    Plugin Author Joe Dolson


    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?

    Here’s the solution:

    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;


    Plugin Author Joe Dolson


    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.