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

Hi,

Did you add the css code? Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache. Let us know the result.

Best regards,
Ismael

Hey KevinNorlander,

Thank you for the inquiry.

The “About” page seems to be displaying correctly. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.

View post on imgur.com

Also, try to temporarily disable the cache plugin and the Enfold > Performance > File Compression settings to make sure that any css modifications are reflected on the front end.

Best regards,
Ismael

Hi,

Thanks for the update. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

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 klick-design-rbh,

Thank you for the inquiry.

There should be a loading icon displayed while the associated images in the portfolio AJAX item are loading. You can see this behavior in the demo: https://kriesi.at/themes/enfold-2017/portfolio/portfolio-4-columns-centered-ajax/

Did you happen to disable the loading icon or modify any of the theme templates?

Best regards,
Ismael

Hi,

Thank you for the update.

@soniavoice: If you can, please create a new thread and provide the login details in the private field. We’ll try to check if the issue is actually coming from the theme.

Did they point to any specific features or code in the Enfold theme that might be causing the resource spike, or are they assuming that based on a few threads found in the forum? The only feature we can think of that might cause such a spike is the saving of theme options because it regenerates the dynamic stylesheets, but this should not affect the front end unless changes are being made frequently on a daily basis.

Best regards,
Ismael

Hey Mike,

Thank you for the inquiry.

You will need to update the theme manually via FTP this time because the automatic update feature no longer works in the current version (4.0.7) installed in your site. For more info on how to perform a manual update, please refer to this documentation:

— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Once the theme is updated to the latest version, you can generate a private token to enable automatic updates in the future.

— https://kriesi.at/documentation/enfold/theme-registration/

We recommend creating a full site backup before proceeding and doing the update on a staging site. Fix any issues there before transferring the changes to your live site. You can clone the live site using plugins such as Duplicator or WP Migrate DB.

Let us know if you need more info.

Best regards,
Ismael

Hey hostworks,

Thank you for the inquiry.

You’ll find the main wrapper that contains all the content in the themes/enfold/header.php file, so creating or overriding the template in your child theme is the cleanest approach. Look for this code around line 279:

<div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting( 'header_scroll_offset' ); ?>'>

Let us know if you have more questions.

Best regards,
Ismael

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey esther nijhuis,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.flex_column:hover {
	background-color: red;
}

and change the color to suit.
If you want this to only work on this one page then add the page class like this:

.page-id-23244 .flex_column:hover {
	background-color: red;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey Christian,

The layerslider is still bundled with the theme, but it’s only updated at theme updates, so it’s not always the most recent one. Once you have access to the theme files on Themeforest, then please refer to this: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hey mosaic,

Enfold is not responsible for what displayed in search engine result pages. If you have made recent changes, then you would have to wait for a few days at least, if not weeks. You could also ask the search engine in question to crawl your site again.

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update and sorry for the late reply. Enfold should work on most server environments, but we would need more information on what is going wrong to say for sure. One thing that you could try is to clear all caches from your caching/performance plugins to see what happens then. If nothing changes, then you could try to temporarily deactivate all plugins.

Best regards,
Rikard

Hi,

It’s still possible to create and use classic keys (v2/v3) using this link: https://www.google.com/recaptcha/admin

View post on imgur.com

Please check this documentation for more info on how to create captcha keys: https://kriesi.at/documentation/enfold/contact-form/#activate-google-captcha

Best regards,
Ismael

Hi,

Thank you for the info.

The contact form seems to be working correctly on our end. We submitted a test entry, and it is properly listed in the WPForms Entries section, but since we don’t have access to your HubSpot panel, we can’t confirm if the same entry was successfully added there.

Regarding the classic editor being enabled, please go to Enfold > Theme Options, scroll to the bottom of the panel, and look for the Select Your Editor setting. Choose the first option to enable the block editor. Let us know if this makes any difference.

Best regards,
Ismael

Hi,

The latest version, 7.1.1, was released last month, on May 28 to be exact. Regarding the CPU spike, it’s possible that some plugins are scheduling processes or tasks at specific times, which could consume significant server resources. Is this happening at a specific time? The theme schedules a CRON job that deletes old css files, confirms admin notices or check instagram files, and you can disable them using the following filters but this may not make any noticeable difference since the tasks are not really resource-intensive.

add_filter('avf_post_css_management_activate_cron', '__return_false');
add_filter('avf_instagram_activate_cron', '__return_false');
add_filter('avf_admin_notices_activate_cron', '__return_false');

Your theme (Enfold Child) contains outdated copies of some WooCommerce template files. You may need to update these files to ensure compatibility with the current version of WooCommerce. Suggestions for fixing the issue:

Did you modify any Woocommerce templates in the child theme? If so, you’ll need to update those template files to be compatible with the latest version of Woocommmerce.

Best regards,
Ismael