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

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

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

.page-id-4128 #after_section_1 {
	 padding-top: 50px;
}

adjust to suit.

Best regards,
Mike

Hey Ernst Grubbauer,
Thank you for the login, please note that your version 4.1.2 is not compatible with PHP 8+, and it can not be updated in the theme, due to how Envato (Theme Forest) changed from a API key to a Token. Unfortunately this occurs when a old “developer” buys the theme in their Envato account and doesn’t create an account for the customer. Envato will not transfer the license nor issue a new license.
Due to our exclusive contract with Envato we can not issue licenses.
Your customer should create an account with Envato and purchase a new license The upside to this is that by purchasing a new license you will also get 6 months of support on our forum to help with any issues. I recommend upgrading to a full year of support for just a little more, as the cost of the theme and a full year of support costs the same as a single hour of support from many developers. .
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
After you purchase a new license you can register for the support forum and post your questions.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main .avia-gallery.av-mb6m8z6a-b9f99ac9fd31fe48d94c453aabd891f1 .avia-gallery-thumb a {
    width: 50%;
}

Then disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files
Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

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