Hi,

Thanks for your patience.

The styling changes in Enfold are saved correctly, but the server is still showing an old cached version of the dynamic CSS file.

Please contact your hosting provider and ask them to clear the Nginx cache for this file: /wp-content/uploads/dynamic_avia/enfold.css

Once it’s cleared, the changes will show up on the site.

Please keep the server-side caching disabled while you’re developing your site.

Let us know how it goes!

Regards,
Yigit

Hey TB-MTL-marketing,

Thank you for the inquiry.

You may have forgotten to include the site URL. Please add it to the private field. Regarding the issue, try to temporarily disable the Enfold > Performance > File Compression settings, then purge the cache. We’ll check the issue further once the login credentials are available.

Best regards,
Ismael

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

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.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.

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

Hey Munford,

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

Best regards,
Rikard

Hey Shay Bar,

Enfold is a theme, so make sure that you are installing it as one. The files in your Themeforest account are always the latest version.

Best regards,
Rikard

Hi,
The plugin Header Footer Code Manager is limited and only allows HTML & JS, where WPCode allows these and PHP & CSS, in the past I tested both and found WPCode, the free version, to be much better considering that most snippets are PHP. I would recommend replacing Header Footer Code Manager with WPCode, or use a child theme.
But since your AXE & WAVE is not reporting the change to aria-hidden correctly I don’t think that we can create a solution that will help. If you watch the DOM in the browser you will see that the aria-hidden does change on scroll. We could set the aria-hidden to false always, but then on page load you would see an error, instead of after scroll. I would hope that a real screen reader would report this correctly and recognize changes to the DOM in real time, unlike the testing tools, otherwise you may need to disable this Scroll-to-Top feature.
To request the Dev Team to review this, please open a new Github Feature Request to place a request and follow it as the Dev Team reviews it.

Best regards,
Mike

Hi,
Thanks for your help Guenni007, but in my test it seems that only targeting the ID “#av_section_1” didn’t help, I tried adjusting to const container = document.querySelector('#av_section_1 .av-parallax-object'); to target the text in the parallax but as you pointed out it was jerky for the speed needed.
With trial and error and AI I found that this javascript & css works well for desktop & mobile and smooths out most all the jerk from the text and background image.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_text_in_parallax_down_on_scroll() { ?>
  <script>
  document.addEventListener("DOMContentLoaded", function () {
  const el = document.querySelector("#av_section_1 .av-parallax-object");
  const bg = document.querySelector("#av_section_1 .av-parallax");

  if (!el || !bg) return;

  const isMobile = window.innerWidth < 768;

  const textSpeed = isMobile ? 0.9 : 0.7;
  const bgSpeed = isMobile ? 0.3 : 0.2;

  let currentYText = 0;
  let currentYBg = 0;

  const updateParallax = () => {
    const scrollY = window.scrollY || window.pageYOffset;

    // Text transform
    const targetYText = scrollY * textSpeed;
    currentYText += (targetYText - currentYText) * 0.05;
    el.style.transform = translateY(${currentYText}px);

    // Background transform
    const targetYBg = scrollY * bgSpeed;
    currentYBg += (targetYBg - currentYBg) * 0.05;
    bg.style.transform = translateY(${currentYBg}px); // GPU accelerated

    requestAnimationFrame(updateParallax);
  };

  requestAnimationFrame(updateParallax);
});
  </script>
  <style>
  #av_section_1 .av-parallax-object {
  position: relative;
  top: 0;
  left: 0;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
#av_section_1 {
  position: relative;
  overflow: hidden;
}
#av_section_1 .av-parallax {
  background-attachment: scroll !important; /* disables fixed scroll handling */
  background-position: center center !important;
  transform: none !important;
  will-change: auto !important;
}  
  </style>
  <?php
}
add_action( 'wp_footer', 'move_text_in_parallax_down_on_scroll', 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.

Best regards,
Mike

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 that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 991px) {
.html_header_transparency #main {
  padding-top: 118px !important;
}
}

Best regards,
Rikard

Hi,
When I login to your site I can not change the user profile language to Eng, nonetheless I don’t see a menu: TKA Menu mobile that you wanted to be the mobile menu:

you would need to create this menu and choose it at Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile as you see here you are using the same main menu for mobile:

Perhaps there is a language issue, if so please change the user language to Eng so I can check again. But I would think that since I see TKA Main Menu I would see a TKA Menu mobile for the mobile menu.

Best regards,
Mike

Hi,
Thank you for sharing your solution, but when I test our demo there are no IDs added to the mobile menu items, unless you mean a menu link with an ID to an anchor on the page. I tested in WAVE and found no errors for IDs.
If you mean the link IDs to anchors on the page, note that the mobile menu is not created until the menu is clicked, nonetheless since most people use the same link IDs on their page for mobile and desktop, this would break their links.
Since I can not reproduce your issue and this is beyond what we can do here, you are welcome to open a Github Feature Request to place a request and follow it as the Dev Team reviews it.

Best regards,
Mike

Hey Diana,
Thanks for the login, I added this code to your theme functions.php file:

function change_aria_hidden_for_scroll_top_link_when_it_shows() { ?>
  <script>
window.addEventListener('scroll', function() {
  const scrollTopLink = document.getElementById('scroll-top-link');

  if (!scrollTopLink) return;

  const style = window.getComputedStyle(scrollTopLink);
  const rect = scrollTopLink.getBoundingClientRect();
  const inViewport = rect.width > 0 && rect.height > 0;

  const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';

  scrollTopLink.setAttribute('aria-hidden', ariaValue);

  const childSVGs = scrollTopLink.querySelectorAll('svg');
  childSVGs.forEach(svg => {
    svg.setAttribute('aria-hidden', ariaValue);
  });
});
  </script>
  <?php
}
add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows', 99 );

It changes the aria-hidden for the scroll-top-link and the SVG icon when it shows, from false to true.
I tested in the browser DOM and it works. Unfortunately we don’t have access to the AXE tool as it looks like a paid tool, but I did check in WAVE. Unfortunately, while in the live browser the code works, the WAVE tool doesn’t update the DOM so it doesn’t look like it is working, perhaps this is a limitation of the free version, I don’t know.
I tried to add this to your snippet Header Footer Code Manager plugin but it didn’t work there, the plugin seems limited, if you find this workshop for you and 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, after you remove it from the theme functions.php file so it will not be lost when you update.

PS for testing this is the snippet with console log comments that I tested with that will show that the aria-hidden changes while the page is scrolled:

function change_aria_hidden_for_scroll_top_link_when_it_shows_log() { ?>
  <script>
window.addEventListener('scroll', function() {
  const scrollTopLink = document.getElementById('scroll-top-link');

  if (!scrollTopLink) {
    console.log('Element #scroll-top-link not found.');
    return;
  }

  const style = window.getComputedStyle(scrollTopLink);
  const rect = scrollTopLink.getBoundingClientRect();
  const inViewport = rect.width > 0 && rect.height > 0;

  console.log('Scroll event triggered.');
  console.log('Display:', style.display);
  console.log('Visibility:', style.visibility);
  console.log('BoundingClientRect:', rect);
  console.log('In viewport:', inViewport);

  const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';

  console.log(#scroll-top-link is ${ariaValue === 'false' ? 'visible' : 'hidden'}. Setting aria-hidden to ${ariaValue}.);

  // Set on the main link
  scrollTopLink.setAttribute('aria-hidden', ariaValue);

  // Set on any child SVGs
  const childSVGs = scrollTopLink.querySelectorAll('svg');
  childSVGs.forEach(svg => {
    svg.setAttribute('aria-hidden', ariaValue);
    console.log('Updated child SVG aria-hidden to', ariaValue);
  });
});

  </script>
  <?php
}
add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows_log', 99 );

don’t use both snippets at the same time, this is just for proof of work.

Best regards,
Mike

Hey maxb130,
It looks like your site is using an old theme v5.6.6 and your updates are disabled.
I was not able to login, but it looks like you are using JetPack and your images a hosted on WP though JetPack with caching.
I don’t know what your site should look like, but I assume that you are missing background images for each section, these are added via css.
First I recommend disabling the JetPack plugin and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and disable any server caching. If JetPack was also using a CDN it may take up to 24 hours for it to clear.
Since your site is using an old theme v5.6.6 and your updates are disabled, I don’t think this is an update issue, but a plugin/caching issue, hopefully these steps will help.
Another option may be to use your webhost backup to roll back to when your site was working correctly, and then disable JetPack and see if the issue is solved.
The theme is now at v7.1.1

Best regards,
Mike

Hi,
Above you write the error is “An error occurred while updating Enfold: Could not move the old version to the upgrade-temp-backup directory.” this might be related to folder permissions, try to fix the issue by creating the /wp-content/upgrade-temp-backup folder manually, then set the permission to 775.
If I’m looking at the correct site your Envato Market plugin doesn’t have a token:

Note that the Envato Market plugin doesn’t use the same permissions as the theme, so please read carefully when creating a token:

Best regards,
Mike

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