Hi,

Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#top .avia-gallery.av-mb6m8z6a-b9f99ac9fd31fe48d94c453aabd891f1 .avia-gallery-thumb a {
  width: 50%;
}
}

Best regards,
Rikard

Hi,

You are now logged in to the forum, so I’m guessing that you managed to get it working. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey guylene1,

I see that you are running an old version of the theme, could you try to update to the latest version (7.1.1) to see if that helps please? The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

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, 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,
Glad Ismael could help, 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

Hi,
Glad we were able to help, 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

Hi,

Thanks for helping out @guenni007. 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

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