Hi,
Ok, it sounds like CloudFlare is activate when WPFC is activate and the two of them cause the issue.
Was WP-Optimize also active?
Try removing the CloudFlare API from WPFC so only the WPFC is active & disable WP-Optimize if active and see if the error occurs.
We are trying to isolate the issue, this is why we are testing in a way that each is enabled by it self, thank you for your patience, but it sounds like you are getting close to finding the issue.
The theme CSS/JS compression/Merging is still disabled correct?

Best regards,
Mike

Hey dweddell,
I see that you have other fonticons uploaded so I assume that your PHP ZipArchive Extension is enabled, typically that is what the error means.
Perhaps you will need to extract the flaticon zip file on your computer and ensure that there is not other zip files inside and then re-zip it.
Please note that you can only use flaticon icons that have no colors, they must be fonticons not svgs.

Best regards,
Mike

Hi,
I checked in Windows in Chrome, Firefox, & Edge while logged out and the zoom is showing for me now.
So now that it is working try to re-enable each part one at a time and wait an hour in between to ensure it doesn’t cause the error.
Try first with WP-Optimize
then enable Cloudflare
then enable WPFC
then CSS/JS compression/Merging
and see where the error occurs again.
It is possible that somewhere a file was corrupt and now that it has been cleared you won’t see the error again.

Best regards,
Mike

Hi,
They are not showing in the thread, are you “sending” the login info somewhere, or are you posting the info in the thread in the Private Content area?

Best regards,
Mike

Hey diana,
Perhaps you were uploading the full theme file with the documentation, try the Installable WordPress file only version, this is available in your Theme Forest account for the theme as a download option. I installed version v5.6.9 for you and enabled the child theme and your site seems fine.
Another way to manually update is 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.

Best regards,
Mike

Hi,
Glad we were able to help, and thank you for the kind feedback, 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,
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,
Sorry, guess I misunderstood.

Best regards,
Mike

Hi,
Sorry for the confusion, I removed the WPCode snippet and enabled the child theme function again.
This is the working solution:

function tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used() { ?>
 <script>
document.addEventListener('DOMContentLoaded', function () {
   const menuItems = document.querySelectorAll('.menu-item-has-children'); // Adjust this selector to match your menu structure

   // Initially set tabIndex to -1 for all sub-menu items to skip them in tab navigation
   menuItems.forEach(item => {
       let subMenuItems = item.querySelectorAll('.sub-menu a'); // Adjust this selector for your sub-menus
       subMenuItems.forEach(subMenuItem => {
           subMenuItem.tabIndex = -1;
       });

       item.addEventListener('keydown', function (e) {
           // Only proceed if the event target is a menu item that contains a sub-menu
           let subMenu;
           if (e.target.classList.contains('menu-item-has-children')) {
               subMenu = e.target.querySelector('.sub-menu'); // Adjust this selector for your sub-menus
           } else {
               // This ensures we get the sub-menu even if a child of the menu item was focused
               subMenu = e.target.closest('.menu-item-has-children').querySelector('.sub-menu');
           }

           let subMenuItems = subMenu.querySelectorAll('a'); // Assumes sub-menu items are anchor tags
           let focusedElement = document.activeElement;
           let currentIndex = Array.from(subMenuItems).indexOf(focusedElement);

           switch(e.key) {
               case 'ArrowDown':
                   // Move focus to the next sub-menu item
                   if (currentIndex < subMenuItems.length - 1) {
                       subMenuItems[currentIndex + 1].tabIndex = 0;
                       subMenuItems[currentIndex + 1].focus();
                       e.preventDefault(); // Prevent scrolling the page
                   } else {
                       // Optionally wrap around to the first item
                       subMenuItems[0].tabIndex = 0;
                       subMenuItems[0].focus();
                       e.preventDefault(); // Prevent scrolling the page
                   }
                   break;
               case 'ArrowUp':
                   // Move focus to the previous sub-menu item
                   if (currentIndex > 0) {
                       subMenuItems[currentIndex - 1].tabIndex = 0;
                       subMenuItems[currentIndex - 1].focus();
                       e.preventDefault(); // Prevent scrolling the page
                   } else {
                       // Optionally wrap around to the last item
                       subMenuItems[subMenuItems.length - 1].tabIndex = 0;
                       subMenuItems[subMenuItems.length - 1].focus();
                       e.preventDefault(); // Prevent scrolling the page
                   }
                   break;
           }

           // Reset tabIndex to -1 for items not focused to ensure they're skipped during tab navigation
           subMenuItems.forEach(subMenuItem => {
               if (subMenuItem !== document.activeElement) {
                   subMenuItem.tabIndex = -1;
               }
           });
       });
   });
});
</script>
 <?php
}
add_action( 'wp_footer', 'tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used', 99 );

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,
If you want the circles to be larger on mobile try changing the height & width from 15px to 30px like this:

@media only screen and (max-width: 767px) { 
.color-circle::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 2px;
    margin-left: 3px;
    margin-bottom: -1px;
    position: relative;
}
}

Or adjust somewhere in the middle to suit your needs.

Best regards,
Mike

Hi,
Glad that this helped, in some cases Autoptimize works ok, if your client is not having trouble then go ahead and use it, but if you notice trouble in the future try disabling Autoptimize first.
Unless there is anything else we can assist with on this issue, shall we close this thread then?

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,
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