Hey!

Thank you for the inquiry.

Did you add this css code?

@media only screen and (max-width: 767px) {
    #top .header_color .av-hamburger-inner,#top .header_color .av-hamburger-inner::before,#top .header_color .av-hamburger-inner::after {
        background-color: var(--enfold-header_burger_color);
    }
}

This sets the color of the hamburger menu icon to white. You can replace it with:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: var(--enfold-main-color-color);
  }
}

Regards,
Ismael

Hi,

However, I believe there may have been a misunderstanding regarding the issue. The problem is not with the icon itself or its aria-hidden attribute, but with the structure and function of the link that wraps the icon.

If we’re not mistaken, the issue occurs because the SVG icon includes the aria-hidden attribute, which makes it unreadable to accessibility tools. As a result, the parent link is marked as “suspicious” since the icon is hidden and the link lacks any accessible text or description. The span avia_hidden_link_text, which contains the word “Search” also has its display property set to none, making it inaccessible to screen readers as well.

Removing the aria-hidden attribute from the SVG icon or adjusting the visibility of the avia_hidden_link_text should help.

#top .avia_hidden_link_text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

You can also try editing the enfold/includes/config-enfold/functions-enfold.php, around line 125, change the text “Search” to “Click here to search”.

$items .=			'<span class="avia_hidden_link_text">' . __( 'Click Here to Search', 'avia_framework' ) . '</span>';

According to https://wave.webaim.org/, screen readers tend to better interpret buttons or links when it contains more descriptive text.

View post on imgur.com

If this doesn’t help, you can always try the suggestions above.

Let us know the result.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

We enabled the Project Settings > Navigation > Show Navigation Buttons > Slide Navigation Buttons, then added this css code to make the thumbnail navigation fullwidth.

.ls-noskin .ls-thumbnail {
    top: 0px;
    width: 100% !important;
}

View post on imgur.com

Best regards,
Ismael

Hey Enfoldfanatic,
It looks like you have this css that is making it white:

#top #wrap_all .header_color .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child {
    fill: #ffffff;
}

see if you can remove this, or you can try adding this:

#top #wrap_all .header_color #menu-item-shop .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child {
    fill: #000;
}

Best regards,
Mike

Hey limedrop,

Thank you for the inquiry.

You can try this css code to apply a linear gradient background color to the header:

#top .av_header_transparency .header_bg {
    opacity: 1;
    background: linear-gradient(to bottom, #0f114c, rgba(15, 17, 76, 0));
}

You may need to adjust the color of the main menu items as well.

Best regards,
Ismael

Hey klick-design-rbh,

Duplicate thread: https://kriesi.at/support/topic/reduce-loading-time-with-the-ajax-portfolio-2/

Best regards,
Ismael

Hey laptophobo,

Thank you for the inquiry.

Try to add this filter in the functions.php file to remove the default attributes of the SVG icons:

add_filter('avf_ignore_svg_aria_attributes', '__return_true');

Let us know the result.

Best regards,
Ismael

Hi,
I have researched this and while there is a long technical explanation for why the WAVE test tool is flagging this, I found a solution in my research. Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function remove_link_from_search_icon_and_add_it_back_on_click() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    const searchLink = document.querySelector('#menu-item-search a');
    if (searchLink) {
        // Store the original href
        const originalHref = searchLink.getAttribute('href');
        // Remove the href on page load
        searchLink.removeAttribute('href');
        
        // Add click event to restore href
        searchLink.addEventListener('click', function() {
            if (!searchLink.getAttribute('href')) {
                searchLink.setAttribute('href', originalHref);
            }
        });
    }
});
</script>
  <?php
}
add_action( 'wp_footer', 'remove_link_from_search_icon_and_add_it_back_on_click', 99 );

If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.
I tested this on the WAVE Web Accessibility Evaluation Tool and it removed the error.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey SurigliaStudio,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function blog_title_above_image() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $('.slide-entry').each(function() {
  $(this).find('.entry-content-header').insertBefore( $(this).find('a.slide-image'));
  $(this).find('.av-vertical-delimiter').css('display','none');
  });
})(jQuery);
});
  </script>
  <?php
}
add_action( 'wp_footer', 'blog_title_above_image', 99 );

If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike